buena.json

Buena Brand Identity

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

Quick Facts

Field Value
Primary #398957
Accent #398957
Body Font Inter
Heading Font Inter

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: professional · Energy: medium · Audience: business professionals

Buena Brand in the Wild

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

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    }
  ],
  "colors": {
    "primary": "#398957",
    "accent": "#398957",
    "background": "#FFFFFF",
    "textPrimary": "#010105",
    "link": "#398957"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "Inter"
    },
    "fontStacks": {
      "heading": [
        "Inter"
      ],
      "body": [
        "Inter"
      ],
      "paragraph": [
        "Inter"
      ]
    },
    "fontSizes": {
      "h1": "56px",
      "h2": "56px",
      "body": "14px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "0px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#398957",
      "textColor": "#FFFFFF",
      "borderRadius": "12px",
      "borderRadiusCorners": {
        "topLeft": "12px",
        "topRight": "12px",
        "bottomRight": "12px",
        "bottomLeft": "12px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#E7E5E4",
      "textColor": "#0C0A09",
      "borderRadius": "12px",
      "borderRadiusCorners": {
        "topLeft": "12px",
        "topRight": "12px",
        "bottomRight": "12px",
        "bottomLeft": "12px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20height%3D%2220%22%20fill%3D%22currentColor%22%20viewBox%3D%220%200%2084%2024%22%20data-fc-idx%3D%220%22%3E%3Cpath%20d%3D%22M0%2023.742h9.336c5.583%200%208.112-2.758%208.112-6.403%200-3.662-2.546-5.823-4.912-5.968v-.032c2.17-.549%203.917-2.113%203.917-5.065%200-3.5-2.465-6.274-7.59-6.274H0v23.742Zm3.689-3.13v-7.531H9.14c2.922%200%204.701%201.838%204.701%204.064%200%201.984-1.37%203.468-4.831%203.468H3.689Zm0-10.418v-7.13h5.027c2.905%200%204.228%201.5%204.228%203.404%200%202.274-1.861%203.726-4.293%203.726H3.689Zm27.361%206.354c0%203.097-1.828%204.452-4.162%204.452-2.383%200-3.933-1.42-3.933-4.129V6.71h-3.51v10.58c0%204.404%202.906%206.71%206.448%206.71%202.71%200%204.423-1.355%205.19-3.129h.065v2.87h3.395V6.71h-3.492v9.838ZM43.907%2024c3.901%200%206.855-2.177%207.508-5.484h-3.362c-.49%201.597-2.171%202.645-4.13%202.645-2.889%200-4.619-2.258-4.619-5.032h12.323v-.887c0-5.21-2.921-8.79-7.802-8.79-4.88%200-8.047%203.613-8.047%208.806%200%205.194%203.183%208.742%208.129%208.742ZM39.32%2013.597c.147-2.274%201.812-4.323%204.473-4.323%202.48%200%204.342%201.758%204.423%204.323H39.32Zm17.052.306c0-3.097%201.828-4.451%204.146-4.451%202.399%200%203.95%201.419%203.95%204.129v10.16h3.493v-10.58c0-4.403-2.89-6.71-6.448-6.71-2.693%200-4.407%201.355-5.174%203.13h-.065V6.71h-3.412v17.032h3.51v-9.839Zm18.993%2010.081c2.955%200%204.407-1.274%205.158-2.661h.066v2.419H84V12.064c0-3.322-2.66-5.612-6.904-5.612-4.342%200-7.117%202.387-7.28%205.516h3.525c.147-1.549%201.568-2.678%203.722-2.678%202.17%200%203.444%201.13%203.444%202.775v.08c0%201.242-1.077%201.21-4.31%201.597-3.508.403-6.806%201.258-6.806%205.129%200%203.403%202.547%205.113%205.974%205.113Zm.751-2.758c-1.991%200-3.215-.839-3.231-2.29-.017-1.71%201.68-2.388%203.541-2.646%201.812-.242%203.624-.532%204.097-.887v1.968c0%202.08-1.42%203.855-4.407%203.855Z%22%20style%3D%22fill%3A%20oklch(0.985%200.001%20106.423)%20!important%3B%22%2F%3E%3C%2Fsvg%3E",
    "favicon": "https://www.buena.com/buena-vercel-images/icon.png?v=buena",
    "ogImage": "https://website-nine-pi-56.vercel.app/en/opengraph-image.jpg?25b4ee7baa6dc435",
    "logoHref": "/en/home"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, which aligns with the brand 'Buena'.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Request offer",
      "reasoning": "Button #0 uses the brand's vibrant green color (#398957), which is consistent with the primary brand color and is action-oriented with the text 'Request offer'."
    },
    "secondary": {
      "index": 2,
      "text": "Learn more",
      "reasoning": "Button #2 has a different background color (#E7E5E4) and offers a secondary action 'Learn more', making it suitable as a secondary button."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "business professionals"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.95,
    "colors": 0.9,
    "overall": 0.925
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 0,
        "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, and links to the homepage, which aligns with the brand 'Buena'.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}