Portable reference

Design tokens

One exact visual language for the prototype and the production service.

Colours

bg--color-bg

surface--color-surface

surface-soft--color-surface-soft

ink--color-ink

muted--color-muted

line--color-line

primary--color-primary

accent--color-accent

success--color-success

warning--color-warning

danger--color-danger

focus--color-focus

Spacing

space-1--space-1

space-2--space-2

space-3--space-3

space-4--space-4

space-5--space-5

space-6--space-6

space-8--space-8

space-10--space-10

space-12--space-12

space-16--space-16

Radii

sm--radius-sm

md--radius-md

lg--radius-lg

xl--radius-xl

round--radius-round

Shadows

sm--shadow-sm

md--shadow-md

lg--shadow-lg

Type sizes

IGAIP--font-size-xs

IGAIP--font-size-sm

IGAIP--font-size-base

IGAIP--font-size-lg

IGAIP--font-size-xl

IGAIP--font-size-2xl

IGAIP--font-size-display

Motion durations

fast--duration-fast

base--duration-base

slow--duration-slow

orb--duration-orb