Tokens
Tokens are named design decisions. They give colour, type, spacing, and layout values a stable place to live before those values appear in components.
| Colour tokens | Generated colour token reference | |
| Component token audit | The repeated component decisions migrated from local values into semantic tokens | |
| Generated categories | Generated token category pages and their source contract | |
| Introduction | What tokens are, where they live, and which groups exist today | |
| Layout tokens | Generated layout token reference | |
| Naming | How token names carry purpose, scale, and future theme flexibility | |
| Pipeline | How Style Dictionary turns source tokens into generated CSS | |
| Space tokens | Generated space token reference | |
| Themes | Light and dark token collections that override semantic colour roles | |
| Token-first implementation | How tokens and CSS divide ownership of reusable visual decisions | |
| Types of tokens | The primitive and semantic token layers used by the system | |
| Typography tokens | Generated typography token reference |