cambioml.json

CambioML Brand Identity

A complete profile of CambioML's visual system — colors, typography, components, and personality — extracted from https://energent.ai/. Built for designers, agents, and AI tools.

Quick Facts

Field Value
Primary #3B82F6
Accent #3B82F6
Body Font Inter Tight
Heading Font Inter Tight

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: medium · Audience: business professionals and data analysts

CambioML Brand in the Wild

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

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter Tight",
      "role": "body"
    },
    {
      "family": "Roboto",
      "role": "unknown"
    },
    {
      "family": "Helvetica",
      "role": "unknown"
    },
    {
      "family": "Arial",
      "role": "unknown"
    }
  ],
  "colors": {
    "primary": "#3B82F6",
    "secondary": "#1E293B",
    "accent": "#3B82F6",
    "background": "#F4F7FA",
    "textPrimary": "#09090B",
    "link": "#64748B"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter Tight",
      "heading": "Inter Tight"
    },
    "fontStacks": {
      "heading": [
        "Inter Tight",
        "sans-serif"
      ],
      "body": [
        "Inter Tight",
        "sans-serif"
      ],
      "paragraph": [
        "Inter Tight",
        "sans-serif"
      ]
    },
    "fontSizes": {
      "h1": "72px",
      "h2": "48px",
      "body": "22px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {
    "input": {
      "background": "#E2E8F0",
      "textColor": "#09090B",
      "borderColor": "#E2E8F0",
      "borderRadius": "6px",
      "borderRadiusCorners": {
        "topLeft": "6px",
        "topRight": "6px",
        "bottomRight": "6px",
        "bottomLeft": "6px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#3B82F6",
      "textColor": "#09090B",
      "borderRadius": "6px",
      "borderRadiusCorners": {
        "topLeft": "6px",
        "topRight": "6px",
        "bottomRight": "6px",
        "bottomLeft": "6px"
      },
      "shadow": "rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, rgba(0, 0, 0, 0) 0px 0px 0px 0px, oklch(0.6231 0.188 259.815 / 0.35) 0px 0px 18px 0px"
    },
    "buttonSecondary": {
      "background": "#E2E8F0",
      "textColor": "#1E293B",
      "borderRadius": "6px",
      "borderRadiusCorners": {
        "topLeft": "6px",
        "topRight": "6px",
        "bottomRight": "6px",
        "bottomLeft": "6px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://www.energent.ai/images/logos/svg/energent-logo.svg",
    "favicon": "https://www.energent.ai/images/logos/svg/energent-logo.svg",
    "ogImage": null,
    "logoAlt": "Energent.ai"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 8,
    "reasoning": "Selected #8 because it matches the favicon and has the alt text 'Energent.ai', which aligns with the brand name inferred from the URL and page title.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 1,
      "text": "Try for Free",
      "reasoning": "Button #0 is the primary CTA because it uses the vibrant brand color #3B82F6 and has action-oriented text 'Try for Free', which is a strong indicator of a primary action."
    },
    "secondary": {
      "index": 0,
      "text": "Book a Demo",
      "reasoning": "Button #2 is selected as the secondary CTA because it has a different background color (#E2E8F0) and offers a complementary action 'Book a Demo', which is less prominent than the primary action."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "business professionals and data analysts"
  },
  "designSystem": {
    "framework": "tailwind",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.95,
    "colors": 0.9,
    "overall": 0.925
  },
  "__llm_metadata": {
    "logoSelection": {
      "llmCalled": true,
      "llmSucceeded": true,
      "finalSource": "llm",
      "rawLogoSelection": {
        "selectedLogoIndex": 8,
        "selectedLogoReasoning": "Selected #8 because it matches the favicon and has the alt text 'Energent.ai', which aligns with the brand name inferred from the URL and page title.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}