{
  "id": "elevenlabs",
  "title": "Elevenlabs",
  "url": "https://elevenlabs.io",
  "tags": [
    "SaaS",
    "AI",
    "Product",
    "Clean",
    "Productivity"
  ],
  "colors": {
    "principle": "High-contrast ink on warm neutrals with soft, organic gradients for accents",
    "bg": "#FDFCFC",
    "bgSoft": "#F5F3F1",
    "bgQuiet": "#EBE8E4",
    "ink": "#000000",
    "inkSoft": "#777169",
    "muted": "#E5E5E5",
    "mutedSoft": null,
    "accent": null,
    "line": "rgba(0,0,0,0.05)"
  },
  "typography": {
    "rules": [],
    "scaleUses": [
      "Main hero headlines",
      "Section headings",
      "Main body text",
      "Secondary text and labels"
    ],
    "display": "geometric-sans",
    "body": "humanist-sans",
    "mono": "geometric-mono",
    "scale": [
      {
        "token": "display",
        "size": 56,
        "lh": 1.0,
        "weight": 500,
        "ls": "-1px"
      },
      {
        "token": "heading",
        "size": 32,
        "lh": 1.2,
        "weight": 500,
        "ls": "-0.5px"
      },
      {
        "token": "body",
        "size": 18,
        "lh": 1.6,
        "weight": 400,
        "ls": "0px"
      },
      {
        "token": "small",
        "size": 14,
        "lh": 1.5,
        "weight": 400,
        "ls": "0.14px"
      }
    ]
  },
  "spacing": {
    "rhythm": "Consistent use of 8px and 16px increments for padding and gaps",
    "base": 4,
    "scale": [
      4,
      8,
      16,
      24,
      32,
      48,
      64,
      96
    ]
  },
  "surfaces": {
    "shadows": [
      "0 1px 2px 0 rgba(0,0,0,0.04)",
      "0 2px 4px 0 rgba(0,0,0,0.04)",
      "0 0 0 1px rgba(0,0,0,0.06)"
    ],
    "borders": "Very subtle 1px borders in rgba(0,0,0,0.05) or rgb(229,229,229)",
    "radius": {
      "sm": 4,
      "md": 8,
      "lg": 20,
      "pill": 9999
    }
  },
  "layout": {
    "skeleton": "Clean, single-column layout with generous whitespace and centered containers",
    "container": 1280,
    "paragraph": 680,
    "columns": 12,
    "gutter": 24,
    "breakpoints": [
      768,
      1024
    ]
  },
  "motion": {
    "patterns": [
      "Smooth transitions for color and background on hover"
    ],
    "durations": {
      "micro": 150,
      "small": 300,
      "medium": 300
    },
    "easing": "cubic-bezier(0.4, 0, 0.2, 1)"
  },
  "identity": {
    "keywords": [
      "AI voice",
      "enterprise",
      "creative",
      "developer",
      "audio"
    ],
    "analogy": "A high-end recording studio interface brought to a clean digital canvas",
    "oneLiner": "Premium AI audio platform with a clean, warm, and slightly playful aesthetic."
  },
  "components": {
    "button": "Pill-shaped (9999px radius) with solid black background for primary and white/outlined for secondary",
    "card": "Light gray background with very subtle border-radius (20px) and soft shadows",
    "chip": "Pill-shaped with 1px border and transparent background",
    "input": "Clean with 1px subtle border and rounded corners",
    "hero": "Large bold headline left-aligned with supporting text and pill buttons"
  },
  "interaction": {
    "hover": "Color and background-color transitions with 0.15s duration",
    "click": "Subtle transform or opacity change",
    "transition": "All properties with cubic-bezier(0.4, 0, 0.2, 1)",
    "keyboard": "Standard focusable elements with visible focus states"
  },
  "voice": {
    "tone": "Professional, innovative, and slightly playful",
    "headlineStyle": "Large, bold, geometric sans-serif headlines with tight letter-spacing",
    "ctaStyle": "Pill-shaped buttons with solid black fill for primary actions",
    "avoid": [
      "Loud colors",
      "Aggressive typography",
      "Cluttered layouts",
      "Technical jargon in hero copy"
    ]
  },
  "donts": [
    "Don't use pure white backgrounds — screenshot shows a warm off-white (#FDFCFC) instead",
    "Don't use sharp corners — screenshot shows 20px radius on large cards and 9999px on buttons",
    "Don't use high-chroma accent colors — screenshot shows organic, soft gradients instead",
    "Don't use thin, light fonts for headlines — screenshot shows 500 weight for display text",
    "Don't use complex backgrounds — screenshot shows clean, mostly flat surfaces",
    "Don't use tight spacing — screenshot shows generous padding (160px top) and gaps (48px)"
  ],
  "systemPrompt": "A premium AI audio platform (SaaS) for enterprises and creators. Key colors are warm off-white (#FDFCFC) for backgrounds, solid black (#000000) for ink, and soft muted tones (#777169, #EBE8E4). Typography combines geometric-sans for display with humanist-sans for body. Critical don'ts: avoid pure white backgrounds, use 9999px pill radius for buttons, never use high-chroma accent colors, use generous whitespace, use 500 font-weight for display text, avoid complex background patterns."
}