llms.txt

App Annie Brand Identity

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

Quick Facts

Field Value
Primary #FD1F6D
Accent #FD1F6D
Body Font Outfit
Heading Font Outfit

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

Tone: modern · Energy: medium · Audience: tech-savvy professionals

App Annie Brand in the Wild

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

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

{
 "colorScheme": "light",
 "fonts": [
 {"family": "Outfit", "role": "body"}
 ],
 "colors": {"primary": "#FD1F6D", "secondary": "#0F2346", "accent": "#FD1F6D", "background": "#F3F5F7", "textPrimary": "#111213", "link": "#647188"},
 "typography": {"fontFamilies": {"primary": "Outfit", "heading": "Outfit"}, "fontStacks": {"heading": ["Outfit", "Helvetica", "Arial", "sans-serif"], "body": ["Outfit", "Helvetica", "Arial", "sans-serif"], "paragraph": ["Outfit", "Helvetica", "Arial", "sans-serif"]}, "fontSizes": {"h1": "18px", "h2": "18px", "body": "14px"}},
 "spacing": {"baseUnit": 4, "borderRadius": "3px"},
 "components": {"input": {"background": "#FFFFFF", "textColor": "#0F2346", "borderColor": null, "borderRadius": "0px", "borderRadiusCorners": {"topLeft": "0px", "topRight": "0px", "bottomRight": "0px", "bottomLeft": "0px"}, "shadow": "none"}, "buttonPrimary": {"background": "#FD1F6D", "textColor": "#FFFFFF", "borderRadius": "3px", "borderRadiusCorners": {"topLeft": "3px", "topRight": "3px", "bottomRight": "3px", "bottomLeft": "3px"}, "shadow": "none"}, "buttonSecondary": {"background": "#FFFFFF", "textColor": "#23252A", "borderColor": "#E7E8EC", "borderRadius": "6px", "borderRadiusCorners": {"topLeft": "6px", "topRight": "6px", "bottomRight": "6px", "bottomLeft": "6px"}, "shadow": "none"}},
 "images": {"favicon": "https://www.data.ai/_next/static/images/favicon-60-48290dcbc10d7742ccbf7252e9d2072f.png", "ogImage": null},
 "__llm_logo_reasoning": {"selectedIndex": -1, "reasoning": "The candidate logo is not located in the header and does not have strong indicators of being the main brand logo. It lacks visibility and typical placement for a primary logo.", "confidence": 0.3, "rejected": true, "source": "llm"},
 "__llm_button_reasoning": {"primary": {"index": 0, "text": "Log in", "reasoning": "Button #0 uses the brand's primary color (#FD1F6D), which is vibrant and stands out as the main call-to-action for logging in."}, "secondary": {"index": 1, "text": "Create an account with", "reasoning": "Button #1 has a different background color (#FFFFFF) and serves as a secondary action to create an account, which is less prominent than logging in."}, "confidence": 0.95},
 "personality": {"tone": "modern", "energy": "medium", "targetAudience": "tech-savvy 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": -1, "selectedLogoReasoning": "The candidate logo is not located in the header and does not have strong indicators of being the main brand logo. It lacks visibility and typical placement for a primary logo.", "confidence": 0.3}}, "buttonClassification": {"llmCalled": true, "llmSucceeded": true}}
}