{
  "$schema": "https://styleguide.kamper.dev/schema.json",
  "name": "kamper.dev",
  "version": "1.1.0",
  "description": "Machine-consumable design system for kamper.dev. Reconciled with the live site. Single source of truth for AI tools, Figma Make and code handovers.",
  "source": "https://kamper.dev/",
  "generatedAt": "2026-05-26",
  "aesthetic": {
    "direction": "warm-refined-minimal",
    "keywords": ["warm stone canvas", "two interlocking teals", "ink-near-black type", "hairlines over shadows", "generous whitespace", "expressive variable weights"],
    "principle": "Klare Strukturen, wenig Ballast. Warm stone surface, one teal accent used sparingly, near-black ink type, thin dividers instead of elevation."
  },
  "color": {
    "brand": {
      "tealBrand":  { "value": "#009689", "use": "logo mark, primary brand" },
      "tealBright": { "value": "#00bba6", "use": "UI accent, hover, highlights" },
      "tealDeep":   { "value": "#005f5a", "use": "headings, pressed, depth" },
      "tealWash":   { "value": "#e6f4f1", "use": "tinted surfaces, soft pills/notes" }
    },
    "neutral": {
      "ink":     { "value": "#202020", "use": "headings, wordmark" },
      "body":    { "value": "#292524", "use": "body copy" },
      "grey":    { "value": "#78716c", "use": "meta, muted (stone-500)" },
      "faint":   { "value": "#a8a29e", "use": "placeholders, captions (stone-400)" },
      "line":    { "value": "#e7e5e4", "use": "hairlines, dividers (stone-200)" },
      "surface": { "value": "#fafaf9", "use": "page canvas (stone-50)" },
      "paper":   { "value": "#ffffff", "use": "cards, print paper" }
    }
  },
  "typography": {
    "fontFamily":     "\"Switzer\", ui-sans-serif, system-ui, sans-serif",
    "fontFamilyMono": "ui-monospace, SFMono-Regular, Menlo, Monaco, monospace",
    "font": { "name": "Switzer", "type": "variable", "axis": "wght 100–900", "styles": ["normal", "italic"], "selfHosted": true, "files": "fonts/Switzer-Variable.{woff2,woff,ttf}" },
    "weight": { "light": 240, "regular": 360, "medium": 500, "semibold": 580, "bold": 800, "note": "Prefer 240/360/580 over generic 400/600/700 for the distinctive look." },
    "size": { "xs": "0.72rem", "sm": "0.82rem", "md": "0.92rem", "base": "1rem", "lg": "1.2rem", "xl": "1.6rem", "2xl": "2rem", "3xl": "2.6rem", "4xl": "3.4rem" },
    "leading": { "tight": 1.15, "snug": 1.3, "normal": 1.55, "loose": 1.7 },
    "tracking": { "wide": "0.14em", "tight": "-0.02em" }
  },
  "space": { "scale": ["0.25rem", "0.5rem", "0.75rem", "1rem", "1.5rem", "2rem", "3rem", "4rem", "6rem"] },
  "radius": { "sm": "0.25rem", "md": "0.375rem", "lg": "0.625rem", "xl": "1rem", "pill": "9999px", "default": "md" },
  "border": { "width": "1px", "style": "solid", "color": "#e7e5e4", "shorthand": "1px solid #e7e5e4" },
  "shadow": {
    "policy": "sparing, soft",
    "sm": "0 1px 2px rgba(32,32,32,.04)",
    "md": "0 1px 2px rgba(32,32,32,.05), 0 8px 24px -12px rgba(32,32,32,.12)",
    "lg": "0 2px 4px rgba(32,32,32,.05), 0 24px 48px -20px rgba(32,32,32,.18)"
  },
  "breakpoint": { "sm": "640px", "md": "768px", "lg": "1024px", "xl": "1280px", "2xl": "1536px" },
  "logo": { "file": "/logo.svg", "viewBox": "0 0 800 280", "markColors": ["#009689", "#005f5a"], "wordmarkColor": "#202020", "accentColor": "#009689" },
  "templates": [
    { "name": "A4-Briefkopf", "url": "/vorlagen-ersteller.html", "exports": ["PDF", "E-Mail-Text", "Figma/Claude-Handover"] },
    { "name": "E-Mail-Signatur", "url": "/email-signatur.html", "exports": ["HTML", "Klartext"] },
    { "name": "Visitenkarte", "url": "/visitenkarte.html", "exports": ["PDF", "Druck (85×55mm)"] }
  ],
  "rules": [
    "Warm stone (#fafaf9) is the canvas; pure white (#ffffff) only for paper/cards.",
    "Logo teal #009689 is the brand; #00bba6 is the brighter UI accent; #005f5a adds depth.",
    "Separate elements with 1px hairlines (#e7e5e4); use shadows sparingly and softly.",
    "Body and headings in ink #202020 (weight 360 body, 580 headings, 800 wordmark/labels).",
    "Eyebrows/labels: uppercase, tracking 0.14em, grey #78716c, size xs.",
    "Switzer variable — prefer weights 240/360/500/580/800."
  ],
  "aiHandoverPrompt": "Use the kamper.dev design system (warm-refined-minimal). Canvas: warm stone #fafaf9; cards/paper pure white #ffffff. Brand teal #009689 (logo), brighter UI accent #00bba6, deep #005f5a. Text ink #202020, muted grey #78716c. Separate with 1px hairlines #e7e5e4; soft shadows only. Font: Switzer variable (fallback ui-sans-serif/system-ui), body weight 360, headings 580, wordmark/labels 800. Type scale rem: 0.72/0.82/0.92/1/1.2/1.6/2/2.6/3.4. Spacing rem: 0.25/0.5/0.75/1/1.5/2/3/4/6. Radius 0.375rem default, 0.625rem cards, 9999px pills. Line-height 1.55 body, 1.15 display. Eyebrows uppercase, tracking 0.14em, grey. Keep it clean, warm, editorial, generously spaced — 'Klare Strukturen, wenig Ballast.'"
}