Skip to content
Share
Explore
Design tokens
These represent design decisions that define our colors, typography and spacing.
Design tokens can be seen as the “nicknames” for design elements. View a detailed explanation on the .
Our design tokens
We split our design tokens into three different types:
These represent the raw values of our colour palettes.
These give our primitive design tokens meaning and usage.
These ensure we implement fluid typographic sizes and line heights.
These are design decisions that relate specifically to our components.
These are design decisions that relate specifically to our layouts.
How do designers use design tokens?
Enter blurb here
How do developers use design tokens?
Enter blurb here
Want to print your doc?
This is not the way.
This is not the way.
Try clicking the ··· in the right corner or using a keyboard shortcut (
CtrlP
) instead.