chore: initial scaffold of KDC Design System

Initial repository scaffold: - design.md (google-labs-code/design.md format) as canonical token + guidelines source - brand assets, foundations, tokens (W3C-style JSON) - 12 component primitives, each with labeled anatomy.svg and spec README - light / dark / high-contrast themes, web/mobile/email/print/presentation templates - docs (getting started, principles, a11y, voice & tone, contributing) - runnable web example, token build script stub, CI placeholder Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-29 19:01:53 +00:00
commit 16989d834c
114 changed files with 2011 additions and 0 deletions
@@ -0,0 +1,8 @@
+# Foundations · Breakpoints
+
+Reference documentation for the **breakpoints** foundation. The canonical token values
+live in [`../../design.md`](../../design.md) and the machine-readable export
+in [`../../tokens/`](../../tokens/).
+
+This page is for human-facing rationale: when to use which token, examples,
+and platform notes.
@@ -0,0 +1,8 @@
+# Foundations · Colors
+
+Reference documentation for the **colors** foundation. The canonical token values
+live in [`../../design.md`](../../design.md) and the machine-readable export
+in [`../../tokens/`](../../tokens/).
+
+This page is for human-facing rationale: when to use which token, examples,
+and platform notes.
@@ -0,0 +1,13 @@
+# Color Swatches
+
+| Token | Hex | Preview |
+|-------|-----|---------|
+| `brand.primary`         | `#0B5FFF` | 🟦 |
+| `brand.secondary`       | `#FF6B00` | 🟧 |
+| `brand.accent`          | `#00C2A8` | 🟩 |
+| `neutral.0`             | `#FFFFFF` | ⬜ |
+| `neutral.900`           | `#111827` | ⬛ |
+| `semantic.success`      | `#16A34A` | ✅ |
+| `semantic.warning`      | `#F59E0B` | ⚠️  |
+| `semantic.danger`       | `#DC2626` | 🛑 |
+| `semantic.info`         | `#0EA5E9` | ℹ️  |
@@ -0,0 +1,8 @@
+# Foundations · Elevation
+
+Reference documentation for the **elevation** foundation. The canonical token values
+live in [`../../design.md`](../../design.md) and the machine-readable export
+in [`../../tokens/`](../../tokens/).
+
+This page is for human-facing rationale: when to use which token, examples,
+and platform notes.
@@ -0,0 +1,8 @@
+# Foundations · Grid
+
+Reference documentation for the **grid** foundation. The canonical token values
+live in [`../../design.md`](../../design.md) and the machine-readable export
+in [`../../tokens/`](../../tokens/).
+
+This page is for human-facing rationale: when to use which token, examples,
+and platform notes.
@@ -0,0 +1,8 @@
+# Foundations · Motion
+
+Reference documentation for the **motion** foundation. The canonical token values
+live in [`../../design.md`](../../design.md) and the machine-readable export
+in [`../../tokens/`](../../tokens/).
+
+This page is for human-facing rationale: when to use which token, examples,
+and platform notes.
@@ -0,0 +1,8 @@
+# Foundations · Radius
+
+Reference documentation for the **radius** foundation. The canonical token values
+live in [`../../design.md`](../../design.md) and the machine-readable export
+in [`../../tokens/`](../../tokens/).
+
+This page is for human-facing rationale: when to use which token, examples,
+and platform notes.
@@ -0,0 +1,8 @@
+# Foundations · Spacing
+
+Reference documentation for the **spacing** foundation. The canonical token values
+live in [`../../design.md`](../../design.md) and the machine-readable export
+in [`../../tokens/`](../../tokens/).
+
+This page is for human-facing rationale: when to use which token, examples,
+and platform notes.
@@ -0,0 +1,8 @@
+# Foundations · Typography
+
+Reference documentation for the **typography** foundation. The canonical token values
+live in [`../../design.md`](../../design.md) and the machine-readable export
+in [`../../tokens/`](../../tokens/).
+
+This page is for human-facing rationale: when to use which token, examples,
+and platform notes.