Free Download
Design Token System
A complete layered design-token system for web projects. One CSS file and a naming convention that keeps your entire UI consistent - colours, spacing, typography, radius, shadow, and motion - so a rebrand is a one-line change.
What's inside
- ✓SKILL.md - full instructions and setup guide
- ✓starter-tokens.css - ready-to-use CSS custom properties
- ✓naming-convention.md - how to name tokens consistently
- ✓token-architecture.md - the layered primitive / semantic model
- ✓categories-and-scales.md - colour, spacing, type, radius scales
- ✓further-reading.md - links to SGDS and design-system best practices