Updated Jun 14, 2021

Token Reference

FOUNDATIONS

Reference sheet for all design tokens

Border Radius 0
Border Radius 100
Border Radius 200
Border Radius Pill
Border Radius Circle
Border Width 0
Border Width 100
Border Width 200
Color Brand Orange
Color Brand Gray
Color Brand Blue
Color Yellow 100
Color Yellow 200
Color Yellow 300
Color Yellow 400
Color Yellow 500
Color Yellow 600
Color Yellow 700
Color Yellow 800
Color Yellow 900
Color Yellow 1000
Color Green 100
Color Green 200
Color Green 300
Color Green 400
Color Green 500
Color Green 600
Color Green 700
Color Green 800
Color Green 900
Color Green 1000
Color Teal 100
Color Teal 200
Color Teal 300
Color Teal 400
Color Teal 500
Color Teal 600
Color Teal 700
Color Teal 800
Color Teal 900
Color Teal 1000
Color Blue 100
Color Blue 200
Color Blue 300
Color Blue 400
Color Blue 500
Color Blue 600
Color Blue 700
Color Blue 800
Color Blue 900
Color Blue 1000
Color Purple 100
Color Purple 200
Color Purple 300
Color Purple 400
Color Purple 500
Color Purple 600
Color Purple 700
Color Purple 800
Color Purple 900
Color Purple 1000
Color Magenta 100
Color Magenta 200
Color Magenta 300
Color Magenta 400
Color Magenta 500
Color Magenta 600
Color Magenta 700
Color Magenta 800
Color Magenta 900
Color Magenta 1000
Color Red 100
Color Red 200
Color Red 300
Color Red 400
Color Red 500
Color Red 600
Color Red 700
Color Red 800
Color Red 900
Color Red 1000
Color Gray 100
Color Gray 200
Color Gray 300
Color Gray 400
Color Gray 500
Color Gray 600
Color Gray 700
Color Gray 800
Color Gray 900
Color Gray 1000
Color White
Box Shadow 0
Box Shadow 100
Box Shadow 200
Box Shadow 300
Box Shadow 400
Z Index Auto
Z Index Below
Z Index Default
Z Index Above
Z Index Overlay
Font Family Sans
Font Family Monospace
Line Height 100
Line Height 200
Line Height 300
Line Height 400
Line Height 500
Line Height 600
Line Height 700
Line Height 800
Font Size 50
Font Size 100
Font Size 200
Font Size 300
Font Size 400
Font Size 500
Font Size 600
Font Size 700
Font Size 800
Font Size Root
Font Weight Light
Font Weight Normal
Font Weight Medium
Font Weight Semibold
Media Query Xs
Media Query Sm
Media Query Md
Media Query Lg
Media Query Xl
Motion Duration Fast
Motion Duration Medium
Motion Duration Slow
Motion Ease In
Motion Ease Out
Motion Ease In-out
Sizing 0
Sizing 100
Sizing 200
Sizing 300
Sizing 400
Sizing 450
Sizing 500
Sizing 550
Sizing 600
Sizing 650
Sizing 700
Sizing 750
Sizing 800
Sizing 850
Sizing 900
Sizing 1000
Sizing 1100
Sizing 1150
Sizing 1200
Sizing 1300
Sizing 1350
Sizing 1400
Sizing 1500
Spacing 0
Spacing 100
Spacing 200
Spacing 300
Spacing 400
Spacing 450
Spacing 500
Spacing 550
Spacing 600
Spacing 650
Spacing 700
Spacing 750
Spacing 800
Spacing 850
Spacing 900