Files
KDCDesignSystem/tokens
Paul Roberts af2af23d14
Lint / lint (push) Has been cancelled
feat(brand): adopt official Kode brand guidelines
- Brand palette: purple #6B35A7 (primary), #000000 (ink), #FFFFFF, #F5F4F0 (canvas)
- Typography: Manrope (UI, 200-800) + Opificio Bold (wordmark/display); drop Inter
- design.md: add wordmarkSecondary token, new display scale (Opificio 72/80)
- foundations: refresh swatches and typography README to match guidelines
- assets/fonts: replace Inter folder with Manrope; add Opificio cuts (Bold/Rounded/Regular)
- fonts.css: register Manrope variable + Opificio cuts; keep Roboto Mono for code only
- examples/web: render the kode wordmark lockup on the off-white canvas
- brand-guidelines: real specs (lockup, palette, typography, logo variant rules)
- README: add brand-at-a-glance, bump version to beta

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
2026-04-29 19:24:52 +00:00
..

Tokens

Machine-readable design tokens, exported from the canonical ../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. Run npm run build:tokens to regenerate platform outputs once scripts/build-tokens.js is implemented.