Cake AI Brand: Colors, Fonts, Logo & Visual Identity

Cake AI Brand Identity

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

Color Palette

Brand palette extracted from https://www.cake.ai/.

Typography

Each font links to its Google Fonts page where available.

Visual Assets

Logo

Favicon

Social Card

UI Components

Live previews rendered using Cake AI's actual button styles.

Brand Personality

Cake AI Brand in the Wild

Source: cake.ai

Source: images.ctfassets.net

Source: cake.ai

Source: cake.ai

Source: zleague-public-prod.s3.us-east-2.amazonaws.com

Source: cake.ai

Frequently Asked Questions

Methodology

Brand data on this page was extracted from https://www.cake.ai/ on 2026-07-27 using the Firecrawl branding extraction API, which inspects each site's live CSS, font network requests, color tokens, and component styles. Brand-in-the-wild images were sourced via Google Image Search restricted to ad/webinar/report queries and link out to their original third-party publishers; we link to the source rather than re-hosting third-party content. This page is published by CharacterQuilt and is not affiliated with or endorsed by Cake AI.

Machine-Readable Profile

Direct endpoints for agents, designers, and tooling. No login or auth required.

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "Inter",
      "role": "body"
    },
    {
      "family": "ABC Monument Grotesk",
      "role": "heading"
    }
  ],
  "colors": {
    "primary": "#2D8F39",
    "secondary": "#101828",
    "accent": "#2D8F39",
    "background": "#FFFFFF",
    "textPrimary": "#000000",
    "link": "#FF695B"
  },
  "typography": {
    "fontFamilies": {
      "primary": "Inter",
      "heading": "ABC Monument Grotesk"
    },
    "fontStacks": {
      "heading": [
        "ABC Monument Grotesk"
      ],
      "body": [
        "Inter"
      ],
      "paragraph": [
        "Inter"
      ]
    },
    "fontSizes": {
      "h1": "64px",
      "h2": "48px",
      "body": "15.75px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {
    "input": {
      "background": "#FFFFFE",
      "textColor": "#000000",
      "borderColor": "#DDDDE4",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    },
    "buttonPrimary": {
      "background": "#2D8F39",
      "textColor": "#FFFFFF",
      "borderRadius": "4px",
      "borderRadiusCorners": {
        "topLeft": "4px",
        "topRight": "4px",
        "bottomRight": "4px",
        "bottomLeft": "4px"
      },
      "shadow": "none"
    },
    "buttonSecondary": {
      "background": "#191919",
      "textColor": "#000000",
      "borderRadius": "0px",
      "borderRadiusCorners": {
        "topLeft": "0px",
        "topRight": "0px",
        "bottomRight": "0px",
        "bottomLeft": "0px"
      },
      "shadow": "none"
    }
  },
  "images": {
    "logo": "https://www.cake.ai/hubfs/Logos/cake-logo-dark.svg",
    "favicon": "https://www.cake.ai/hubfs/favicon.png",
    "ogImage": "https://www.cake.ai/hubfs/HeroImage.png",
    "logoHref": "//www.cake.ai/",
    "logoAlt": "Cake AI"
  },
  "__llm_logo_reasoning": {
    "selectedIndex": 0,
    "reasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'Cake AI'.",
    "confidence": 0.95,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Schedule a demo",
      "reasoning": "Button #0, 'Schedule a demo', uses the vibrant brand color #2D8F39, making it the primary call-to-action. It is action-oriented and prominently styled as a primary button."
    },
    "secondary": {
      "index": 3,
      "text": "This is a search field with an auto-suggest feature attached.\n\n        \n\n        \n          \n       ",
      "reasoning": "Button #3, despite being a search field, is the only button with a different color group (#191919) and serves a secondary function on the page."
    },
    "confidence": 0.9
  },
  "personality": {
    "tone": "professional",
    "energy": "medium",
    "targetAudience": "regulated industries"
  },
  "designSystem": {
    "framework": "custom",
    "componentLibrary": ""
  },
  "confidence": {
    "buttons": 0.9,
    "colors": 0.95,
    "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, links to the homepage, and matches the brand name 'Cake AI'.",
        "confidence": 0.95
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}