llms.txt

Karmen Brand Identity

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

Quick Facts

Field Value
Primary #0097FE
Accent #0097FE
Body Font Inter
Heading Font Inter

Color Palette

Typography

Visual Assets

UI Components

Brand Personality

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

Karmen Brand in the Wild

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

Working with these fonts

Not found on Google Fonts? Follow these instructions 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 to capture font URLs.
  4. Download each captured font URL.
  5. Copy the matching @font-face declarations from the CSS.

Programmatic alternative: load the URL with Playwright or Puppeteer to save fonts.

Only proceed if you have permission to use the brand assets.

Machine-Readable Profile

{
 "colorScheme": "light",
 "fonts": [
  {
   "family": "Inter",
   "role": "body"
  }
 ],
 "colors": {
  "primary": "#0097FE",
  "secondary": "#0000EE",
  "accent": "#0097FE",
  "background": "#FFFFFF",
  "textPrimary": "#525252",
  "link": "#FDDAFF"
 },
 "typography": {
  "fontFamilies": {
   "primary": "Inter",
   "heading": "Inter"
  },
  "fontStacks": {
   "heading": [
    "Inter",
    "sans-serif"
   ],
   "body": [
    "sans-serif"
   ],
   "paragraph": [
    "Inter",
    "sans-serif"
   ]
  },
  "fontSizes": {
   "h1": "56px",
   "h2": "12px",
   "body": "14px"
  }
 },
 "spacing": {
  "baseUnit": 12,
  "borderRadius": "8px"
 },
 "components": {
  "buttonPrimary": {
   "background": "#0097FE",
   "textColor": "#0000EE",
   "borderRadius": "8px",
   "borderRadiusCorners": {
    "topLeft": "8px",
    "topRight": "8px",
    "bottomRight": "8px",
    "bottomLeft": "8px"
   },
   "shadow": "rgba(99, 99, 99, 0.07) 0px 1px 3px 0px, rgba(99, 99, 99, 0.06) 0px 5px 5px 0px, rgba(99, 99, 99, 0.03) 0px 12px 7px 0px, rgba(99, 99, 99, 0.01) 0px 21px 8px 0px, rgba(99, 99, 99, 0) 0px 33px 9px 0px"
  },
  "buttonSecondary": {
   "background": "#000000",
   "textColor": "#0000EE",
   "borderRadius": "8px",
   "borderRadiusCorners": {
    "topLeft": "8px",
    "topRight": "8px",
    "bottomRight": "8px",
    "bottomLeft": "8px"
   },
   "shadow": "rgba(99, 99, 99, 0.07) 0px 1px 3px 0px, rgba(99, 99, 99, 0.06) 0px 5px 5px 0px, rgba(99, 99, 99, 0.03) 0px 12px 7px 0px, rgba(99, 99, 99, 0.01) 0px 21px 8px 0px, rgba(99, 99, 99, 0) 0px 33px 9px 0px"
  }
 },
 "images": {
  "logo": "https://framerusercontent.com/images/gzcHK8g7BvUVsej7fvdpEpLmvL8.png?width=247&height=65",
  "favicon": "https://framerusercontent.com/images/csksUlWM5UqoupxzcmVPi0R8JME.png",
  "ogImage": null
 },
 "__llm_logo_reasoning": {
  "selectedIndex": 0,
  "reasoning": "Selected #0 because it is visible, located in the header, and matches the brand inferred from the URL and page title.",
  "confidence": 0.9,
  "source": "llm"
 },
 "__llm_button_reasoning": {
  "primary": {
   "index": 1,
   "text": "Book a Demo",
   "reasoning": "Button #1 uses the brand's primary color (#0097FE), which is vibrant and aligns with the site's branding, making it the primary CTA."
  },
  "secondary": {
   "index": 0,
   "text": "Book a Demo",
   "reasoning": "Button #0 has a different background color (#000000) and serves as a secondary option due to its less vibrant appearance."
  },
  "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": 0,
    "selectedLogoReasoning": "Selected #0 because it is visible, located in the header, and matches the brand inferred from the URL and page title.",
    "confidence": 0.9
   }
  },
  "buttonClassification": {
   "llmCalled": true,
   "llmSucceeded": true
  }
 }
}