# Trela Brand Identity

A complete profile of **Trela**'s visual system — colors, typography, components, and personality — extracted from https://www.trela.com.br. Built for designers, agents, and AI tools.

- Page: https://characterquilt.com/branding/trela
- Machine-readable JSON: https://characterquilt.com/branding/trela.json
- Per-page llms.txt: https://characterquilt.com/branding/trela/llms.txt

## Quick Facts

| Field | Value |
|---|---|
| Primary | #E2FF81 |
| Accent | #E2FF81 |
| Body Font | Roboto |
| Heading Font | Roboto |

## Color Palette

- primary: #E2FF81
- secondary: #EBFFA7
- accent: #E2FF81
- background: #FFFFFF
- textPrimary: #000000
- link: #0000EE

## Typography

- primary: Roboto — https://fonts.google.com/specimen/Roboto
- heading: Roboto — https://fonts.google.com/specimen/Roboto

## Visual Assets

- Logo: data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2070%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20color%3D%22%23272727%22%20aria-label%3D%22Trela%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M22.3486%206.89774C22.6403%206.81353%2022.9332%207.09302%2022.9332%207.54827V10.0503C22.9332%2010.4396%2022.9979%2010.6679%2023.3225%2010.6679C23.6801%2010.6679%2023.7778%2010.4079%2024.2648%209.01044C24.7517%207.67764%2025.4999%206.89774%2026.9621%206.89774C28.8795%206.89774%2029.7888%208.19758%2029.7888%2010.5373C29.7888%2013.7863%2028.2936%2015.0544%2026.7998%2015.0544C25.6952%2015.0544%2025.2399%2014.4368%2024.947%2013.2993C24.6871%2012.2594%2024.4918%2012.0641%2024.1024%2012.0641C23.6472%2012.0641%2023.4849%2012.3571%2023.4849%2012.9087V21.3668C23.4849%2022.0173%2023.7119%2022.342%2024.5577%2022.569C25.207%2022.7313%2025.4023%2022.9913%2025.4023%2023.3489C25.4023%2023.7065%2025.1753%2023.9994%2024.6553%2023.9994H16.7916C16.2387%2023.9994%2015.9788%2023.7724%2015.9788%2023.3489C15.9788%2022.9913%2016.174%2022.7313%2016.7587%2022.569C17.5386%2022.342%2017.7656%2022.1138%2017.7656%2021.3668V10.5763C17.7656%209.95877%2017.6033%209.73175%2016.9857%209.73175C16.2387%209.73175%2015.9788%209.50474%2015.9788%209.01654C15.9788%208.61865%2016.1301%208.42337%2016.3974%208.30865C16.5011%208.26471%2022.2168%206.89774%2022.3474%206.89774H22.3486Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(39%2C%2039%2C%2039)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M37.848%206.66602C42.3321%206.66602%2044.1189%209.68799%2044.1189%2012.6123C44.1189%2014.2698%2043.8589%2014.6921%2042.852%2014.6921H37.4903C36.841%2014.6921%2036.5811%2014.8873%2036.5811%2015.3743C36.5811%2019.6632%2037.9139%2020.8983%2039.7324%2020.8983C41.0652%2020.8983%2041.6816%2020.1184%2042.2344%2018.9492C42.4944%2018.3963%2042.885%2018.1363%2043.372%2018.3316C43.7943%2018.4939%2043.9248%2018.8845%2043.7942%2019.4362C43.1449%2022.0029%2040.9993%2023.9532%2037.6856%2023.9532C32.9086%2023.9532%2030.2772%2020.5737%2030.2772%2015.5696C30.2772%2010.1103%2033.2991%206.66602%2037.848%206.66602ZM37.101%2013.2628C38.5961%2013.2628%2039.5054%2012.19%2039.5054%209.98091C39.5054%208.71403%2039.0831%208.12818%2038.3679%208.12818C37.2633%208.12818%2036.5481%2010.0773%2036.5481%2012.677C36.5481%2013.0346%2036.7104%2013.2616%2037.101%2013.2616V13.2628Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(39%2C%2039%2C%2039)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M45.0858%2024C44.5329%2024%2044.2729%2023.773%2044.2729%2023.3495C44.2729%2022.9919%2044.4682%2022.7319%2045.0529%2022.5696C45.8328%2022.3426%2045.8926%2022.1143%2045.8926%2021.3674V3.70667C45.8926%202.99146%2045.8974%202.86208%2045.1505%202.73149C44.5329%202.63385%2044.2729%202.47152%2044.2729%201.95159C44.2729%201.66721%2044.3877%201.47193%2044.5915%201.34134C44.7148%201.26322%2050.7343%200.0488226%2050.7929%200.032956C50.8746%200.0109869%2050.9503%200%2051.026%200C51.3506%200%2051.6106%200.195283%2051.6106%200.650531V21.3674C51.6106%2022.1143%2051.6704%2022.3426%2052.4503%2022.5696C53.035%2022.7319%2053.2302%2022.9919%2053.2302%2023.3495C53.2302%2023.7718%2052.9703%2024%2052.4174%2024H45.0834H45.0858Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(39%2C%2039%2C%2039)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M65.1944%2023.9532C63.8946%2023.9532%2063.1147%2023.271%2062.4654%2022.1982C62.2701%2021.9052%2062.1078%2021.7429%2061.9125%2021.7429C61.7172%2021.7429%2061.5231%2021.8406%2061.2302%2022.1335C60.5797%2022.751%2059.0199%2023.9532%2057.2013%2023.9532C55.2522%2023.9532%2053.7241%2022.5887%2053.7241%2020.3137C53.7241%2017.7787%2055.3816%2015.9589%2057.8507%2014.8226L61.0996%2013.3275C61.4572%2013.1652%2061.5219%2012.9699%2061.5549%2012.5806L61.8795%209.26569C61.9442%208.45405%2061.7172%208.12818%2061.1973%208.12818C60.742%208.12818%2060.3856%208.32346%2060.288%209.26569C60.1586%2010.4349%2059.9633%2011.4431%2059.541%2012.19C59.0211%2013.1652%2058.1436%2013.7169%2056.812%2013.7169C54.9922%2013.7169%2054.3429%2012.5794%2054.3429%2011.5724C54.3429%209.10336%2057.5272%206.66602%2061.5244%206.66602C65.5215%206.66602%2067.2754%207.67293%2067.2754%2011.0525V19.2091C67.2754%2019.9244%2067.373%2020.2161%2067.7306%2020.2161C68.0553%2020.2161%2068.2506%2020.0537%2068.5435%2019.7291C68.6729%2019.5667%2068.8364%2019.3715%2069.1611%2019.3715C69.5516%2019.3715%2069.681%2019.6644%2069.681%2020.022C69.681%2021.2571%2068.0882%2023.9532%2065.1969%2023.9532H65.1944ZM61.5549%2019.1762V15.1144C61.5549%2014.952%2061.4902%2014.8544%2061.3596%2014.8544C60.5797%2014.8544%2059.3775%2017.5187%2059.3775%2019.1762C59.3775%2020.4113%2059.7351%2020.736%2060.2868%2020.736C61.0984%2020.736%2061.5537%2020.3137%2061.5537%2019.1762H61.5549Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(39%2C%2039%2C%2039)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M16.489%200.2323H0.682265C0.129377%200.2323%200%200.556956%200%201.0122V4.90195C0%205.45484%200.322212%205.6489%200.646866%205.6489C1.19365%205.6489%201.3389%205.40114%201.71359%204.57608C2.42149%203.01749%202.63874%202.65256%202.78886%202.43775C3.25631%201.7677%203.80554%201.81285%204.22417%201.81285H4.77706C5.26404%201.81285%205.39463%201.97518%205.39463%202.33279V20.749C5.39463%2021.9182%205.06998%2022.2441%204.51709%2022.3735C3.93247%2022.5041%203.57486%2022.6981%203.57486%2023.2181C3.57486%2023.738%203.89951%2023.998%204.51709%2023.998H12.6554C13.273%2023.998%2013.5976%2023.738%2013.5976%2023.2181C13.5976%2022.6981%2013.24%2022.5028%2012.6554%2022.3735C12.1025%2022.2441%2011.7779%2021.9182%2011.7779%2020.749V2.33279C11.7779%201.97518%2011.9072%201.81285%2012.3954%201.81285H12.9483C13.367%201.81285%2013.9162%201.7677%2014.3836%202.43775C14.5326%202.65134%2014.751%203.01749%2015.4589%204.57608C15.8336%205.39992%2015.9788%205.6489%2016.5256%205.6489C16.8503%205.6489%2017.1725%205.45362%2017.1725%204.90195V1.0122C17.1725%200.556956%2017.0431%200.2323%2016.4902%200.2323H16.489Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(39%2C%2039%2C%2039)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M68.2812%207.26317H68.0713V7.1582H68.6767V7.26317H68.4667C68.446%207.26317%2068.435%207.27537%2068.435%207.2949V7.91003H68.3129V7.2949C68.3129%207.27415%2068.3007%207.26317%2068.2812%207.26317Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(39%2C%2039%2C%2039)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M68.8597%207.15808H69.0135L69.2479%207.70731C69.2576%207.73172%2069.2784%207.7305%2069.2881%207.70731L69.5274%207.15808H69.6787V7.91113H69.5591L69.564%207.42659C69.564%207.39852%2069.542%207.39364%2069.5298%207.41927L69.3162%207.91236H69.2222L69.0111%207.42049C68.9989%207.39608%2068.9769%207.39974%2068.9769%207.42659L68.9793%207.91113H68.8597V7.15808Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(39%2C%2039%2C%2039)%20!important%3B%22%2F%3E%3C%2Fsvg%3E
- Favicon: https://trela.com.br/icons/pwa-512x512.png
- Social card (og:image): https://prod-zapt-images.s3.sa-east-1.amazonaws.com/Gemini_Generated_Image_28_33fe045d97.png

## UI Components

- buttonPrimary: background=#E2FF81, textColor=#272727, borderRadius=9999px, shadow=none

## Brand Personality

Tone: playful · Energy: high · Audience: young adults

## Trela Brand in the Wild

Real-world brand assets — ads, campaigns, marketing materials.

- **Queijos da Terra | Trela**
  - Image: https://trela.com.br/_next/image?url=https%3A%2F%2Fprod-zapt-images.s3.sa-east-1.amazonaws.com%2Fproducts%2F21182189-2136-47d2-a1ab-1620b29f85e4.png&w=3840&q=75
  - Source: https://trela.com.br/marca/queijos-da-terra-5366?srsltid=AfmBOooDwOC4PV6ZA5qV1alUXQpLqrta7g69h5NsqZvED65o9O019FvY
- **Zapt is now Trela. When my co-founders and I launched Zapt… | by João Jönk  | Building Trela**
  - Image: https://miro.medium.com/v2/resize:fit:1400/1*cYa0is7bjrFGNnq5AYm3hA.jpeg
  - Source: https://building.trela.com.br/zapt-is-now-trela-ee91c3d6398b
- **Plant-based | Trela**
  - Image: https://prod-zapt-images.s3.amazonaws.com/products/b20de7f4-5bf1-466c-af86-588af0b02346.png
  - Source: https://trela.com.br/categoria/carnes-e-proteinas-622/plantbased-633?srsltid=AfmBOop7eDlAWlOw4SkUY5nPTzOLELPbIuZVVaIV9Oo9c5lnHSSHU33Y
- **Zapt is now Trela. When my co-founders and I launched Zapt… | by João Jönk  | Building Trela**
  - Image: https://miro.medium.com/v2/resize:fit:1400/1*kUAE7PE60rQJkV6ArdWu2w.png
  - Source: https://building.trela.com.br/zapt-is-now-trela-ee91c3d6398b
- **Queijos da Terra | Trela**
  - Image: https://prod-zapt-images.s3.amazonaws.com/products/270348c0-0dd9-4a1b-be2a-33aa524f8a91.png
  - Source: https://trela.com.br/marca/queijos-da-terra-5366?srsltid=AfmBOor9llQ2SqTRdLZb4xQUasKJBoIbhGNJ8_5EMK-vG7AXY4yaBVIm
- **Zapt is now Trela. When my co-founders and I launched Zapt… | by João Jönk  | Building Trela**
  - Image: https://miro.medium.com/v2/resize:fit:1400/1*R-6WCuvNwGPsyFtmeKVDOA.png
  - Source: https://building.trela.com.br/zapt-is-now-trela-ee91c3d6398b

## Working with these fonts

Not found on Google Fonts? Agent Instructions that you can follow if you have permission to use the fonts:

CharacterQuilt.com suggests this flow that can help:

1. Open the company's homepage in a browser with DevTools open.
2. In the Network tab, filter by "Font" (or by extension: woff2, woff, ttf, otf).
3. Hard-reload the page and click around (pricing, blog, careers) — some weights only load on specific routes.
4. For each captured font URL: right-click → Save As to download the file locally.
5. View the page's CSS (DevTools → Sources, or curl the stylesheet URLs) and copy out the matching @font-face declarations. Rewrite each `src: url(...)` to point to your local file path.

Programmatic alternative: load the URL with Playwright or Puppeteer, listen for `response` events whose `Content-Type` starts with `font/`, and write the body to disk. The CSS extraction step is the same.

Only do this if you have permission to use the brand assets — most proprietary fonts are licensed and may not be redistributable.

## Machine-Readable Profile

```json
{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Denim",
      "role": "unknown"
    },
    {
      "family": "General Sans",
      "role": "unknown"
    },
    {
      "family": "Roboto",
      "role": "body"
    },
    {
      "family": "Open Sans",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#E2FF81",
    "secondary": "#EBFFA7",
    "accent": "#E2FF81",
    "background": "#FFFFFF",
    "textPrimary": "#000000",
    "link": "#0000EE"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Roboto",
      "heading": "Roboto"
    },
    "fontStacks": {
      "heading": [
        "Denim",
        "General Sans",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Oxygen",
        "Ubuntu",
        "Cantarell",
        "Open Sans",
        "Helvetica Neue",
        "sans-serif"
      ],
      "body": [
        "Denim",
        "General Sans",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Oxygen",
        "Ubuntu",
        "Cantarell",
        "Open Sans",
        "Helvetica Neue",
        "sans-serif"
      ],
      "paragraph": [
        "Denim",
        "General Sans",
        "-apple-system",
        "BlinkMacSystemFont",
        "Segoe UI",
        "Roboto",
        "Oxygen",
        "Ubuntu",
        "Cantarell",
        "Open Sans",
        "Helvetica Neue",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "40px",
      "h2": "18px",
      "body": "16px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "8px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#E2FF81",
      "textColor": "#272727",
      "borderRadius": "9999px",
      "borderRadiusCorners": {
        "topLeft": "9999px",
        "topRight": "9999px",
        "bottomRight": "9999px",
        "bottomLeft": "9999px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20viewBox%3D%220%200%2070%2024%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20color%3D%22%23272727%22%20aria-label%3D%22Trela%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M22.3486%206.89774C22.6403%206.81353%2022.9332%207.09302%2022.9332%207.54827V10.0503C22.9332%2010.4396%2022.9979%2010.6679%2023.3225%2010.6679C23.6801%2010.6679%2023.7778%2010.4079%2024.2648%209.01044C24.7517%207.67764%2025.4999%206.89774%2026.9621%206.89774C28.8795%206.89774%2029.7888%208.19758%2029.7888%2010.5373C29.7888%2013.7863%2028.2936%2015.0544%2026.7998%2015.0544C25.6952%2015.0544%2025.2399%2014.4368%2024.947%2013.2993C24.6871%2012.2594%2024.4918%2012.0641%2024.1024%2012.0641C23.6472%2012.0641%2023.4849%2012.3571%2023.4849%2012.9087V21.3668C23.4849%2022.0173%2023.7119%2022.342%2024.5577%2022.569C25.207%2022.7313%2025.4023%2022.9913%2025.4023%2023.3489C25.4023%2023.7065%2025.1753%2023.9994%2024.6553%2023.9994H16.7916C16.2387%2023.9994%2015.9788%2023.7724%2015.9788%2023.3489C15.9788%2022.9913%2016.174%2022.7313%2016.7587%2022.569C17.5386%2022.342%2017.7656%2022.1138%2017.7656%2021.3668V10.5763C17.7656%209.95877%2017.6033%209.73175%2016.9857%209.73175C16.2387%209.73175%2015.9788%209.50474%2015.9788%209.01654C15.9788%208.61865%2016.1301%208.42337%2016.3974%208.30865C16.5011%208.26471%2022.2168%206.89774%2022.3474%206.89774H22.3486Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(39%2C%2039%2C%2039)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M37.848%206.66602C42.3321%206.66602%2044.1189%209.68799%2044.1189%2012.6123C44.1189%2014.2698%2043.8589%2014.6921%2042.852%2014.6921H37.4903C36.841%2014.6921%2036.5811%2014.8873%2036.5811%2015.3743C36.5811%2019.6632%2037.9139%2020.8983%2039.7324%2020.8983C41.0652%2020.8983%2041.6816%2020.1184%2042.2344%2018.9492C42.4944%2018.3963%2042.885%2018.1363%2043.372%2018.3316C43.7943%2018.4939%2043.9248%2018.8845%2043.7942%2019.4362C43.1449%2022.0029%2040.9993%2023.9532%2037.6856%2023.9532C32.9086%2023.9532%2030.2772%2020.5737%2030.2772%2015.5696C30.2772%2010.1103%2033.2991%206.66602%2037.848%206.66602ZM37.101%2013.2628C38.5961%2013.2628%2039.5054%2012.19%2039.5054%209.98091C39.5054%208.71403%2039.0831%208.12818%2038.3679%208.12818C37.2633%208.12818%2036.5481%2010.0773%2036.5481%2012.677C36.5481%2013.0346%2036.7104%2013.2616%2037.101%2013.2616V13.2628Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(39%2C%2039%2C%2039)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M45.0858%2024C44.5329%2024%2044.2729%2023.773%2044.2729%2023.3495C44.2729%2022.9919%2044.4682%2022.7319%2045.0529%2022.5696C45.8328%2022.3426%2045.8926%2022.1143%2045.8926%2021.3674V3.70667C45.8926%202.99146%2045.8974%202.86208%2045.1505%202.73149C44.5329%202.63385%2044.2729%202.47152%2044.2729%201.95159C44.2729%201.66721%2044.3877%201.47193%2044.5915%201.34134C44.7148%201.26322%2050.7343%200.0488226%2050.7929%200.032956C50.8746%200.0109869%2050.9503%200%2051.026%200C51.3506%200%2051.6106%200.195283%2051.6106%200.650531V21.3674C51.6106%2022.1143%2051.6704%2022.3426%2052.4503%2022.5696C53.035%2022.7319%2053.2302%2022.9919%2053.2302%2023.3495C53.2302%2023.7718%2052.9703%2024%2052.4174%2024H45.0834H45.0858Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(39%2C%2039%2C%2039)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M65.1944%2023.9532C63.8946%2023.9532%2063.1147%2023.271%2062.4654%2022.1982C62.2701%2021.9052%2062.1078%2021.7429%2061.9125%2021.7429C61.7172%2021.7429%2061.5231%2021.8406%2061.2302%2022.1335C60.5797%2022.751%2059.0199%2023.9532%2057.2013%2023.9532C55.2522%2023.9532%2053.7241%2022.5887%2053.7241%2020.3137C53.7241%2017.7787%2055.3816%2015.9589%2057.8507%2014.8226L61.0996%2013.3275C61.4572%2013.1652%2061.5219%2012.9699%2061.5549%2012.5806L61.8795%209.26569C61.9442%208.45405%2061.7172%208.12818%2061.1973%208.12818C60.742%208.12818%2060.3856%208.32346%2060.288%209.26569C60.1586%2010.4349%2059.9633%2011.4431%2059.541%2012.19C59.0211%2013.1652%2058.1436%2013.7169%2056.812%2013.7169C54.9922%2013.7169%2054.3429%2012.5794%2054.3429%2011.5724C54.3429%209.10336%2057.5272%206.66602%2061.5244%206.66602C65.5215%206.66602%2067.2754%207.67293%2067.2754%2011.0525V19.2091C67.2754%2019.9244%2067.373%2020.2161%2067.7306%2020.2161C68.0553%2020.2161%2068.2506%2020.0537%2068.5435%2019.7291C68.6729%2019.5667%2068.8364%2019.3715%2069.1611%2019.3715C69.5516%2019.3715%2069.681%2019.6644%2069.681%2020.022C69.681%2021.2571%2068.0882%2023.9532%2065.1969%2023.9532H65.1944ZM61.5549%2019.1762V15.1144C61.5549%2014.952%2061.4902%2014.8544%2061.3596%2014.8544C60.5797%2014.8544%2059.3775%2017.5187%2059.3775%2019.1762C59.3775%2020.4113%2059.7351%2020.736%2060.2868%2020.736C61.0984%2020.736%2061.5537%2020.3137%2061.5537%2019.1762H61.5549Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(39%2C%2039%2C%2039)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M16.489%200.2323H0.682265C0.129377%200.2323%200%200.556956%200%201.0122V4.90195C0%205.45484%200.322212%205.6489%200.646866%205.6489C1.19365%205.6489%201.3389%205.40114%201.71359%204.57608C2.42149%203.01749%202.63874%202.65256%202.78886%202.43775C3.25631%201.7677%203.80554%201.81285%204.22417%201.81285H4.77706C5.26404%201.81285%205.39463%201.97518%205.39463%202.33279V20.749C5.39463%2021.9182%205.06998%2022.2441%204.51709%2022.3735C3.93247%2022.5041%203.57486%2022.6981%203.57486%2023.2181C3.57486%2023.738%203.89951%2023.998%204.51709%2023.998H12.6554C13.273%2023.998%2013.5976%2023.738%2013.5976%2023.2181C13.5976%2022.6981%2013.24%2022.5028%2012.6554%2022.3735C12.1025%2022.2441%2011.7779%2021.9182%2011.7779%2020.749V2.33279C11.7779%201.97518%2011.9072%201.81285%2012.3954%201.81285H12.9483C13.367%201.81285%2013.9162%201.7677%2014.3836%202.43775C14.5326%202.65134%2014.751%203.01749%2015.4589%204.57608C15.8336%205.39992%2015.9788%205.6489%2016.5256%205.6489C16.8503%205.6489%2017.1725%205.45362%2017.1725%204.90195V1.0122C17.1725%200.556956%2017.0431%200.2323%2016.4902%200.2323H16.489Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(39%2C%2039%2C%2039)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M68.2812%207.26317H68.0713V7.1582H68.6767V7.26317H68.4667C68.446%207.26317%2068.435%207.27537%2068.435%207.2949V7.91003H68.3129V7.2949C68.3129%207.27415%2068.3007%207.26317%2068.2812%207.26317Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(39%2C%2039%2C%2039)%20!important%3B%22%2F%3E%3Cpath%20d%3D%22M68.8597%207.15808H69.0135L69.2479%207.70731C69.2576%207.73172%2069.2784%207.7305%2069.2881%207.70731L69.5274%207.15808H69.6787V7.91113H69.5591L69.564%207.42659C69.564%207.39852%2069.542%207.39364%2069.5298%207.41927L69.3162%207.91236H69.2222L69.0111%207.42049C68.9989%207.39608%2068.9769%207.39974%2068.9769%207.42659L68.9793%207.91113H68.8597V7.15808Z%22%20fill%3D%22currentColor%22%20style%3D%22fill%3A%20rgb(39%2C%2039%2C%2039)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
    "favicon": "https://trela.com.br/icons/pwa-512x512.png",
    "ogImage": "https://prod-zapt-images.s3.sa-east-1.amazonaws.com/Gemini_Generated_Image_28_33fe045d97.png",
    "logoHref": "https://trela.com.br",
    "logoAlt": "Trela"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 1,
    "reasoning": "Selected #1 because it is visible, located in the header, has a medium size, and links to the homepage, which are strong indicators of the primary brand logo.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Ok, entendi!",
      "reasoning": "The button with text 'Ok, entendi!' has a vibrant green background (#E2FF81), which is a strong indicator of a primary call-to-action. The color is bright and stands out, making it the most likely primary CTA."
    },
    "secondary": {
      "index": -1,
      "text": "N/A",
      "reasoning": "There is only one button detected, so no secondary button can be identified."
    },
    "confidence": 0.9
  },
  "personality": {
    "tone": "playful",
    "energy": "high",
    "targetAudience": "young adults"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.9,
    "colors": 0.9,
    "overall": 0.9
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 1,
        "selectedLogoReasoning": "Selected #1 because it is visible, located in the header, has a medium size, and links to the homepage, which are strong indicators of the primary brand logo.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}
```