Gallery
Base Design System
Share
Explore
Gallery
Base Design System

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
anatomy of design tokens
⁠
.

Our design tokens

We split our design tokens into three different types:

⁠
Colours
⁠

These represent the raw values of our colour palettes.

⁠
Semantic
⁠

These give our primitive design tokens meaning and usage.

⁠
Typography
⁠

These ensure we implement fluid typographic sizes and line heights.

⁠
Components
⁠

These are design decisions that relate specifically to our components.

⁠
Layout
⁠

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








Gallery
Share
 
Want to print your doc?
This is not the way.
Try clicking the ⋯ next to your doc name or using a keyboard shortcut (
CtrlP
) instead.