llms.txt

Frizzle Brand Identity

A complete profile of Frizzle's visual system — colors, typography, components, and personality.

Quick Facts

Field Value
Primary #FFF7ED
Accent #FFF7ED
Body Font ui-sans-serif
Heading Font ui-sans-serif

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: medium · Audience: teachers and educators

Frizzle Brand in the Wild

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

Working with these fonts

Agent Instructions that you can follow if you have permission to use the fonts:

  1. Open the company's homepage in a browser with DevTools open.
  2. In the Network tab, filter by "Font".
  3. Hard-reload the page and click around.
  4. For each captured font URL: right-click → Save As to download the file locally.
  5. View the page's CSS to extract font declarations.

Machine-Readable Profile

{
  "colorScheme": "light",
  "fonts": [
    {
      "family": "ui-sans-serif",
      "count": 54
    },
    {
      "family": "system-ui",
      "count": 54
    },
    {
      "family": "sans-serif",
      "count": 54
    },
    {
      "family": "Apple Color Emoji",
      "count": 54
    },
    {
      "family": "Segoe UI Emoji",
      "count": 54
    },
    {
      "family": "Segoe UI Symbol",
      "count": 54
    },
    {
      "family": "Noto Color Emoji",
      "count": 54
    }
  ],
  "colors": {
    "primary": "#FFF7ED",
    "secondary": "#101828",
    "accent": "#FFF7ED",
    "background": "#FFFFFF",
    "textPrimary": "#4A5565",
    "link": "#4A5565"
  },
  "typography": {
    "fontFamilies": {
      "primary": "ui-sans-serif",
      "heading": "ui-sans-serif"
    },
    "fontStacks": {
      "body": [
        "ui-sans-serif",
        "system-ui",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ],
      "heading": [
        "ui-sans-serif",
        "system-ui",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ],
      "paragraph": [
        "ui-sans-serif",
        "system-ui",
        "sans-serif",
        "Apple Color Emoji",
        "Segoe UI Emoji",
        "Segoe UI Symbol",
        "Noto Color Emoji"
      ]
    },
    "fontSizes": {
      "h1": "96px",
      "h2": "60px",
      "body": "30px"
    }
  },
  "spacing": {
    "baseUnit": 4,
    "borderRadius": "4px"
  },
  "components": {
    "buttonPrimary": {
      "background": "#FFF7ED",
      "textColor": "#FFFFFF",
      "borderRadius": "14px",
      "borderRadiusCorners": {
        "topLeft": "14px",
        "topRight": "14px",
        "bottomRight": "14px",
        "bottomLeft": "14px"
      },
      "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, rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.1) 0px 4px 6px -4px"
    },
    "buttonSecondary": {
      "background": "#FFFFFF",
      "textColor": "#E17100",
      "borderRadius": "14px",
      "borderRadiusCorners": {
        "topLeft": "14px",
        "topRight": "14px",
        "bottomRight": "14px",
        "bottomLeft": "14px"
      },
      "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, rgba(0, 0, 0, 0.1) 0px 4px 6px -1px, rgba(0, 0, 0, 0.1) 0px 2px 4px -2px"
    }
  },
  "images": {
    "logo": "https://www.frizzle.com/_next/image?url=%2Ffrizzle-logo-transparent.png&w=64&q=75",
    "favicon": "https://www.frizzle.com/favicon.ico",
    "ogImage": "https://www.frizzle.com/og-image.webp",
    "logoHref": "/",
    "logoAlt": "Frizzle Logo"
  },
  "__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 'Frizzle'. It is the most prominent logo fitting the brand identity.",
    "confidence": 0.9,
    "source": "llm"
  },
  "__llm_button_reasoning": {
    "primary": {
      "index": 0,
      "text": "Try Frizzle Free",
      "reasoning": "Button #0, 'Try Frizzle Free', uses a vibrant red/orange background (#FFF7ED) which stands out as the primary call-to-action. The text is action-oriented, encouraging users to try the service for free, making it the most prominent CTA."
    },
    "secondary": {
      "index": 1,
      "text": "Start Your Free Trial",
      "reasoning": "Button #1, 'Start Your Free Trial', has a different background color (#FFFFFF) and complements the primary button by offering a similar action. It is less visually prominent due to its lighter background, making it a suitable secondary CTA."
    },
    "confidence": 0.95
  },
  "personality": {
    "tone": "modern",
    "energy": "medium",
    "targetAudience": "teachers and educators"
  },
  "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": 0,
        "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, links to the homepage, and matches the brand name 'Frizzle'. It is the most prominent logo fitting the brand identity.",
        "confidence": 0.9
      }
    },
    "buttonClassification": {
      "llmCalled": true,
      "llmSucceeded": true
    }
  }
}