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>
This commit is contained in:
@@ -0,0 +1,15 @@
|
||||
# Tokens
|
||||
|
||||
Machine-readable design tokens, exported from the canonical [`../design.md`](../design.md) source. These files are the integration point for downstream platforms (web/CSS, iOS, Android, Figma).
|
||||
|
||||
| File | Purpose |
|
||||
|------|---------|
|
||||
| `colors.json` | Brand, neutral, and semantic colors. |
|
||||
| `typography.json` | Type ramp (display → caption + mono). |
|
||||
| `spacing.json` | 4px base spacing scale. |
|
||||
| `radius.json` | Corner radius scale. |
|
||||
| `elevation.json` | Shadow / depth tokens. |
|
||||
| `motion.json` | Duration + easing tokens. |
|
||||
| `breakpoints.json` | Responsive breakpoints. |
|
||||
|
||||
> Tokens conform broadly to the [W3C Design Tokens Format](https://design-tokens.github.io/community-group/format/). Run `npm run build:tokens` to regenerate platform outputs once `scripts/build-tokens.js` is implemented.
|
||||
Reference in New Issue
Block a user