{
  "id": "krea",
  "title": "Krea",
  "url": "https://www.krea.ai",
  "tags": [
    "ai",
    "design",
    "dark"
  ],
  "colors": {
    "principle": "High-contrast dark mode with neutral grays and pure white text to emphasize generated visual content.",
    "bg": "#000000",
    "bgSoft": "#171717",
    "bgQuiet": "#111111",
    "ink": "#FFFFFF",
    "inkSoft": "#A3A3A3",
    "muted": "#404040",
    "mutedSoft": "#737373",
    "accent": null,
    "line": "rgba(255,255,255,0.1)"
  },
  "typography": {
    "rules": [],
    "scaleUses": [
      "Main hero headline",
      "Section headings",
      "Default text",
      "UI labels and navigation"
    ],
    "display": "humanist-sans",
    "body": "humanist-sans",
    "mono": "monospace",
    "scale": [
      {
        "token": "display",
        "size": 72,
        "lh": 1.05,
        "weight": 500,
        "ls": "-1.8px"
      },
      {
        "token": "display-sm",
        "size": 48,
        "lh": 1.1,
        "weight": 500,
        "ls": "-0.72px"
      },
      {
        "token": "body",
        "size": 16,
        "lh": 1.5,
        "weight": 400,
        "ls": "0px"
      },
      {
        "token": "body-sm",
        "size": 14,
        "lh": 1.4,
        "weight": 400,
        "ls": "0px"
      }
    ]
  },
  "spacing": {
    "rhythm": "Consistent base-4 unit grid with generous vertical spacing between major sections.",
    "base": 4,
    "scale": [
      4,
      8,
      12,
      16,
      20,
      24,
      28,
      32,
      48,
      64
    ]
  },
  "surfaces": {
    "shadows": [
      "0px 1px 6px rgba(0,0,0,0.1)",
      "0px 9px 8px rgba(0,0,0,0.2)"
    ],
    "borders": "1px solid rgba(255,255,255,0.1)",
    "radius": {
      "sm": 4,
      "md": 8,
      "lg": 16,
      "pill": 9999
    }
  },
  "layout": {
    "skeleton": "Centered content hero with maximum width constraints, stacking elements vertically on mobile.",
    "container": 1200,
    "paragraph": 600,
    "columns": 12,
    "gutter": 24,
    "breakpoints": [
      768,
      1024
    ]
  },
  "motion": {
    "patterns": [
      "Smooth hover transitions on interactive elements",
      "Subtle fade-in and slide-up animations for scroll-triggered content"
    ],
    "durations": {
      "micro": 150,
      "small": 200,
      "medium": 500
    },
    "easing": "cubic-bezier(0, 0, 0.2, 1)"
  },
  "identity": {
    "keywords": [
      "creative",
      "powerful",
      "suite",
      "AI",
      "generate",
      "enhance"
    ],
    "analogy": "The Photoshop of the AI generation era.",
    "oneLiner": "A powerful creative AI suite for generating and editing images, videos, and 3D meshes."
  },
  "components": {
    "button": "Pill-shaped primary buttons with solid white fill and black text; secondary buttons with translucent dark fill, white text, and a subtle white border.",
    "card": "Dark surfaces with slightly lighter backgrounds, subtle inset borders, and soft corner radius.",
    "chip": "Small pill-shaped tags for categorization.",
    "input": "Dark background fields with subtle borders and white placeholder text.",
    "hero": "Large, bold display typography centered above a prominent application screenshot."
  },
  "interaction": {
    "hover": "Subtle background color shifts or opacity changes on buttons and links.",
    "click": "Slight scale-down or opacity reduction for immediate feedback.",
    "transition": "All properties transitioning smoothly over 0.2s.",
    "keyboard": "Standard focus ring visibility for accessibility."
  },
  "voice": {
    "tone": "Confident, direct, and empowering.",
    "headlineStyle": "Bold, declarative statements emphasizing power and capability.",
    "ctaStyle": "Action-oriented and inviting, frequently offering free entry points.",
    "avoid": [
      "Technical jargon",
      "Passive voice",
      "Humble or uncertain language"
    ]
  },
  "donts": [
    "Don't use bright, saturated neon accents — the screenshot shows a strictly monochromatic dark palette with pure white text.",
    "Don't use square corners on buttons — the screenshot shows fully rounded, pill-shaped buttons.",
    "Don't use a serif display font — the screenshot shows a clean, modern humanist sans-serif for all headings.",
    "Don't use light backgrounds — the screenshot shows a dominant pure black background with dark gray cards.",
    "Don't use cluttered navigation — the screenshot shows a clean, centered horizontal menu with minimal links.",
    "Don't use sharp drop shadows — the screenshot shows very subtle, soft shadows that blend into the dark background."
  ],
  "systemPrompt": "This system generates designs for a dark-themed, premium AI creative suite. The aesthetic is modern, clean, and highly professional, relying on a strict monochromatic palette of pure black (#000000), dark grays (#111111, #171717, #404040), and crisp white (#FFFFFF). The typography utilizes a clean, humanist sans-serif with tight letter-spacing for headlines. Key interactions should feature smooth transitions and pill-shaped UI components. Critical constraints: avoid bright saturated accent colors, avoid square corners on primary buttons, avoid serif fonts, avoid light or cluttered layouts, avoid harsh shadows, and avoid passive or uncertain copy."
}