Styles
The visual language underneath the components: layout, colour, typography and spacing.
Tokens
The custom properties for colour, type, spacing and radii that every component is built on.
View tokensColour
The palette: semantic colour tokens and the primitive ramp they resolve to, with hex values.
View colourLayout
How to structure a page with the width container, main wrapper and grid.
View layoutSpacing
The spacing scale and how to apply it with tokens instead of hard-coded values.
View spacingTypography
The Figtree typeface, the type scale and the text utility classes.
View typography