{
  "id": "bear",
  "title": "Bear",
  "url": "https://bear.app",
  "tags": [
    "product",
    "notes"
  ],
  "colors": {
    "principle": "Clean white canvas with high-contrast text and a single warm red accent for the brand.",
    "bg": "#FFFFFF",
    "bgSoft": null,
    "bgQuiet": null,
    "ink": "#444444",
    "inkSoft": null,
    "muted": "#888888",
    "mutedSoft": null,
    "accent": "#DD4C4F",
    "line": "rgba(68,68,68,1)"
  },
  "typography": {
    "rules": [
      "Headlines use a clean, humanist sans-serif with tight tracking",
      "Body text uses the same family with generous line height for readability",
      "Monospace is reserved strictly for code snippets and technical references"
    ],
    "scaleUses": [
      "Hero headline",
      "Section headings",
      "Main text",
      "Navigation and UI labels"
    ],
    "display": "humanist-sans",
    "body": "humanist-sans",
    "mono": "monospace",
    "scale": [
      {
        "token": "display",
        "size": 56,
        "lh": 1.0,
        "weight": 700,
        "ls": "-1px"
      },
      {
        "token": "heading",
        "size": 40,
        "lh": 1.1,
        "weight": 700,
        "ls": "0"
      },
      {
        "token": "body",
        "size": 16,
        "lh": 1.7,
        "weight": 400,
        "ls": "0"
      },
      {
        "token": "caption",
        "size": 14,
        "lh": 1.6,
        "weight": 400,
        "ls": "0"
      }
    ]
  },
  "spacing": {
    "rhythm": "Generous 64px vertical rhythm between major sections",
    "base": 4,
    "scale": [
      4,
      8,
      16,
      24,
      32,
      48,
      64,
      96
    ]
  },
  "surfaces": {
    "shadows": [
      "0px 13px 34px 0px rgba(0, 0, 0, 0.12)",
      "0px -5px 15px 1px rgba(0, 0, 0, 0.2)"
    ],
    "borders": "1px solid #444444",
    "radius": {
      "sm": 4,
      "md": 8,
      "lg": 16,
      "pill": 999
    }
  },
  "layout": {
    "skeleton": "Single column centered layout with alternating content and app screenshot sections",
    "container": 1280,
    "paragraph": 680,
    "columns": 12,
    "gutter": 24,
    "breakpoints": [
      768,
      1024
    ]
  },
  "motion": {
    "patterns": [
      "Smooth fade-ins for content sections",
      "Subtle floating effect on app screenshots"
    ],
    "durations": {
      "micro": 200,
      "small": 400,
      "medium": 800
    },
    "easing": "cubic-bezier(0.25, 0.1, 0.25, 1)"
  },
  "identity": {
    "keywords": [
      "minimal",
      "markdown",
      "focused",
      "apple-native"
    ],
    "analogy": "A clean, modern notebook designed for the Apple ecosystem",
    "oneLiner": "A focused markdown notes app with a refined, text-first interface."
  },
  "components": {
    "button": "Simple pill or rounded rect with thin border and transparent background",
    "card": "Clean white cards with subtle drop shadows, sometimes floating over colored backgrounds",
    "chip": "Simple rounded tags used for app categories",
    "input": "Minimal text inputs with subtle bottom borders",
    "hero": "Centered text with device selector and large app screenshot floating below"
  },
  "interaction": {
    "hover": "Subtle opacity or color change on navigation and buttons",
    "click": "Immediate feedback with minimal visual state change",
    "transition": "All 0.2s ease-in-out",
    "keyboard": "Standard focus outlines for accessibility"
  },
  "voice": {
    "tone": "Friendly, confident, and understated",
    "headlineStyle": "Short, punchy, and benefit-focused",
    "ctaStyle": "Direct and action-oriented, often linked to the App Store",
    "avoid": [
      "Overly technical jargon",
      "Dense paragraphs in hero sections",
      "Loud, aggressive calls to action",
      "Cluttered visual hierarchy"
    ]
  },
  "donts": [
    "Don't use dark mode as the primary surface — screenshot shows a clean white background",
    "Don't use heavy drop shadows — screenshot shows very subtle, large-radius shadows",
    "Don't use dense, multi-column layouts — screenshot shows a centered, single-column text flow",
    "Don't use aggressive gradient backgrounds — screenshot shows solid colors or simple organic shapes",
    "Don't use thick, heavy borders — screenshot shows very thin, subtle borders or none at all",
    "Don't use complex animations — screenshot shows a static, calm interface"
  ],
  "systemPrompt": "Bear is a focused, markdown notes app designed for the Apple ecosystem. The design DNA is characterized by extreme restraint, a clean white canvas, and a single warm red accent (#DD4C4F). The typography uses a refined humanist sans-serif (bearsans/bearsansheadline) for both display and body, with a bold, tight-tracked hero headline. The layout is strictly single-column and centered, with generous vertical rhythm (64px) and wide margins. Critical donts: never use dark mode as the primary surface, avoid heavy drop shadows, never use aggressive gradients, never clutter the interface with dense multi-column layouts, and keep all borders thin and subtle. The interaction model is minimal, relying on hover states and subtle transitions rather than complex motion. The voice is friendly and understated, focusing on the app's core benefit of clean, markdown-based writing."
}