Our opinionated starting point for color, type, and spacing tokens. Copy it, rename the variables, and you have a coherent system before you design a single screen.
What's inside
- A semantic color scale with sensible defaults
- A fluid type scale that holds across screen sizes
- A spacing system built on a single rhythm
- Naming conventions that won't fight you later
How to use it
- Copy the sheet into your project.
- Rename the variables to match your brand.
- Build everything from the tokens, never hard-coded values.
Free, no email gate.