Luminous design system

Tokens and components

Back

Colour tokens

Text--ink
Secondary text--ink2
Muted text--ink3
Surface--surf
Surface 2--surf2
Surface 3--surf3
Pink--pink
Sky--sky
Lavender--lav
Mint--mint
Amber--amber

Buttons

Chips

DefaultPinkSkyLavenderActiveDraftUnengaged

Type scale

Display

Page title

Section title

Card title

Body text for longer explanations, kept under 70 characters a line.

Label

Icon tiles and form fields