{
  "name": "ai6labs",
  "source": "https://www.ai6labs.com/brand/DESIGN.md",
  "color": {
    "light": {
      "paper": "#f2efea",
      "paper-raised": "#f8f6f2",
      "photo-white": "#fefefe",
      "stone-pale": "#e4e0d9",
      "contrast": "#1c1b19",
      "contrast-deep": "#121110",
      "cream": "#f6f4ef",
      "stone-light": "#b8b4ac",
      "stone": "#7a766e",
      "walnut": "#6e5643",
      "ink": "#161514",
      "slate": "#57534e",
      "faint": "#66615b",
      "hairline": "rgba(22, 21, 20, 0.14)",
      "line2": "rgba(22, 21, 20, 0.26)",
      "line-strong": "rgba(22, 21, 20, 0.55)",
      "signal": "#35686c",
      "glass": "rgba(242, 239, 234, 0.96)",
      "shadow": "rgba(22, 21, 20, 0.16)",
      "scrim": "rgba(14, 13, 12, 0.68)",
      "error": "#9a2a1d",
      "bg": "var(--paper)",
      "surface": "var(--paper-raised)",
      "raised": "var(--stone-pale)",
      "action": "var(--contrast)",
      "on-action": "var(--cream)",
      "focus": "var(--signal)",
      "hero-bg": "#12100e",
      "hero-ink": "#f6f3ee",
      "hero-ink-soft": "rgba(246, 243, 238, 0.78)",
      "hero-grade-0": "rgba(13, 12, 11, 0.9)",
      "hero-grade-1": "rgba(13, 12, 11, 0.55)",
      "hero-grade-2": "rgba(13, 12, 11, 0)",
      "hero-line": "rgba(246, 243, 238, 0.28)",
      "hero-pill": "rgba(246, 243, 238, 0.12)",
      "hero-pill-line": "rgba(246, 243, 238, 0.32)",
      "intent": "#9fc9c6",
      "intent-glow": "rgba(159, 201, 198, 0.55)",
      "code-bg": "#121110",
      "code-ink": "#f2efe9"
    },
    "dark": {
      "paper": "#0f0e0d",
      "paper-raised": "#171614",
      "stone-pale": "#22201d",
      "contrast": "#ece8e1",
      "contrast-deep": "#0e0d0c",
      "cream": "#f2efe9",
      "stone-light": "#b3aea6",
      "stone": "#a19b92",
      "walnut": "#b09379",
      "ink": "#f2efe9",
      "slate": "#c4bfb7",
      "faint": "#a19b92",
      "hairline": "rgba(242, 239, 233, 0.16)",
      "line2": "rgba(242, 239, 233, 0.28)",
      "line-strong": "rgba(242, 239, 233, 0.5)",
      "signal": "#8cc4c2",
      "glass": "rgba(15, 14, 13, 0.95)",
      "shadow": "rgba(0, 0, 0, 0.4)",
      "error": "#f0a091",
      "action": "var(--cream)",
      "on-action": "var(--contrast-deep)"
    },
    "logo": {
      "blue": "#62A7DB",
      "cyan": "#65C5E5",
      "mint": "#8FD3CF",
      "navy": "#353856"
    }
  },
  "font": {
    "font-ui": "\"Poppins\", ui-sans-serif, system-ui, -apple-system, \"Segoe UI\", sans-serif",
    "font-mono": "\"Geist Mono\", ui-monospace, \"SF Mono\", Menlo, monospace",
    "font-display": "var(--font-ui)"
  },
  "size": {
    "fs-body": "16px",
    "fs-lead": "18px",
    "fs-label": "13px",
    "text-hero": "clamp(52px, 6.2vw + 10px, 124px)",
    "text-hero-phone": "clamp(30px, 12.8vw, 76px)",
    "text-kicker": "clamp(18px, 0.4vw + 16px, 22px)",
    "text-step": "clamp(17px, 0.5vw + 13px, 20px)",
    "text-stage": "clamp(20px, 1vw + 12px, 28px)",
    "text-orbit-title": "clamp(44px, 6cqw, 104px)",
    "text-orbit-title-phone": "clamp(36px, 10cqw, 52px)",
    "text-proof": "clamp(24px, 1.2vw + 14px, 36px)",
    "text-cta": "clamp(46px, 5vw + 16px, 88px)",
    "text-cta-phone": "clamp(44px, 12vw, 64px)",
    "text-dialog": "clamp(28px, 1vw + 22px, 36px)",
    "text-latest": "clamp(38px, 3.6vw + 20px, 72px)",
    "text-scene": "clamp(34px, 3vw + 10px, 68px)",
    "text-reading": "clamp(40px, 2.2vw + 33px, 64px)",
    "text-signal-title": "clamp(22px, 0.6vw + 16px, 28px)",
    "text-entry": "clamp(22px, 0.5vw + 20px, 28px)",
    "text-question": "clamp(18px, 0.6vw + 13px, 24px)",
    "text-menu": "24px",
    "text-callout": "17px",
    "text-note": "15px"
  },
  "spacing": {
    "measure": "65ch",
    "wrap": "1320px",
    "gutter": "clamp(20px, 3.5vw, 56px)",
    "spacing-reading-top": "clamp(120px, 14vw, 180px)",
    "spacing-reading-bottom": "clamp(72px, 8vw, 128px)",
    "spacing-scene-x": "clamp(28px, 5vw, 96px)",
    "spacing-scene-top": "clamp(96px, 11vh, 128px)",
    "spacing-scene-bottom": "clamp(40px, 6vh, 72px)",
    "spacing-mark": "clamp(16px, 2.4vh, 26px)",
    "spacing-deck-gap": "clamp(14px, 2vh, 22px)",
    "spacing-stack": "clamp(16px, 3vh, 32px)"
  },
  "radius": {
    "r-ctl": "12px",
    "r-pill": "100px",
    "radius-field": "10px"
  },
  "motion": {
    "smooth": "cubic-bezier(0.22, 1, 0.36, 1)",
    "t-fast": "0.16s",
    "t-base": "0.24s",
    "t-slow": "0.3s"
  }
}
