Tokens
Colors
Primary
primary
primary-vivid
primary-lightest
primary-lighter
primary-light
primary-dark
primary-darker
primary-darkest
Secondary
secondary
secondary-vivid
secondary-lightest
secondary-lighter
secondary-light
secondary-dark
secondary-darker
secondary-darkest
Tertiary
tertiary
tertiary-vivid
tertiary-lightest
tertiary-lighter
tertiary-light
tertiary-dark
tertiary-darker
tertiary-darkest
Base
base-minus-3
base-minus-2
base-minus-1
base
base-plus-1
base-plus-2
base-plus-3
background
foreground
reverse
Extended
extended-1-lightest
extended-1-light
extended-1
extended-1-dark
extended-1-darkest
extended-2-lightest
extended-2-light
extended-2
extended-2-dark
extended-2-darkest
extended-3-lightest
extended-3-light
extended-3
extended-3-dark
extended-3-darkest
Font Sizing
Display the quick brown fox jumped over the lazy dog
XXLarge the quick brown fox jumped over the lazy dog
XLarge the quick brown fox jumped over the lazy dog
Large the quick brown fox jumped over the lazy dog
Medium the quick brown fox jumped over the lazy dog
Emphasis the quick brown fox jumped over the lazy dog
Intermediate the quick brown fox jumped over the lazy dog
Normal the quick brown fox jumped over the lazy dog
Small the quick brown fox jumped over the lazy dog
XSmall the quick brown fox jumped over the lazy dog
XXSmall the quick brown fox jumped over the lazy dog
Spacing
Spacing 1
Spacing 2
Spacing 3
Spacing 4
Spacing 5
Spacing 6
Spacing 7
Border Radius
Small
Medium
Large
XLarge
Pill (Rounded Rectangle)