Paul Roberts
0edb7c627d
Lint / lint (push) Has been cancelled
- Add @font-face for every Manrope weight 200-800 (incl. new Light/300) - Map Opificio cuts to lowercase filenames as installed: * opificio_light/regular/bold.woff2 -> family "Opificio" (300/400/700) * opificio_light_rounded/rounded/bold_rounded.woff2 -> family "Opificio Rounded" - Restore Opificio README with the actual file -> CSS-weight mapping - Update Manrope README to list the installed weights Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Kode Design Consultants — Design System
The official design system for Kode Design Consultants Ltd (KDC) — tokens, components, brand assets, and guidelines for building consistent product and brand experiences.
The single source of truth lives in
design.md, which encodes the design tokens (colors, typography, spacing, radii, components) in the google-labs-code/design.md format.
Brand at a glance
| Wordmark | kode set in Opificio Bold (72pt / 52pt) |
| Secondary line | design consultants in Manrope ExtraLight (20pt / 76pt) |
| Brand color | Kode purple #6B35A7 |
| Supporting | Black #000000, White #FFFFFF, Off-white #F5F4F0 |
| UI typeface | Manrope (200–800) |
Repository structure
KDCDesignSystem/
├── design.md # Canonical token + guidelines spec
├── brand/ # Logos, wordmarks, brand guidelines
├── tokens/ # Generated/exported design tokens
├── foundations/ # Color, type, spacing, motion, grid, breakpoints
├── assets/ # Fonts (Manrope + Opificio), icons, illustrations
├── components/ # Per-component specs and anatomy
├── themes/ # Light, dark, high-contrast theme overrides
├── templates/ # Web, mobile, email, print, presentation
├── docs/ # Getting started, principles, a11y, voice & tone
├── examples/ # Reference implementations
└── scripts/ # Token build / export scripts
Quick start
- Read
docs/getting-started/README.md. - Skim
design.mdfor the token vocabulary. - Pick your platform under
examples/.
Status
Version: beta. Tokens and components are still settling — expect breaking changes.