Token API Reference

Instructions Coming Soon


Color Blue 100#f2f8ff
color_blue_100
Color Blue 1000#203752
color_blue_1000
Color Blue 200#e8f3ff
color_blue_200
Color Blue 300#cce3ff
color_blue_300
Color Blue 400#abd2ff
color_blue_400
Color Blue 500#78b6ff
color_blue_500
Color Blue 600#429bff
color_blue_600
Color Blue 700#1273e6
color_blue_700
Color Blue 800#0060cc
color_blue_800
Color Blue 900#1a497d
color_blue_900
Color Brand Blue#37aadc
color_brand_blue
Color Brand Gray#55555a
color_brand_gray
Color Brand Orange#fa6423
color_brand_orange
Color Gray 100#f5f8fa
color_gray_100
Color Gray 1000#2c353d
color_gray_1000
Color Gray 200#ebf0f5
color_gray_200
Color Gray 300#d9e0e6
color_gray_300
Color Gray 400#c5ced6
color_gray_400
Color Gray 500#a2adb8
color_gray_500
Color Gray 600#818e9a
color_gray_600
Color Gray 700#626f7a
color_gray_700
Color Gray 800#46525c
color_gray_800
Color Gray 900#39444d
color_gray_900
Color Green 100#e8fff7
color_green_100
Color Green 1000#233b33
color_green_1000
Color Green 200#d6fff1
color_green_200
Color Green 300#b5f5e0
color_green_300
Color Green 400#8debcb
color_green_400
Color Green 500#52d9ac
color_green_500
Color Green 600#28bd8b
color_green_600
Color Green 700#009f6a
color_green_700
Color Green 800#067852
color_green_800
Color Green 900#1b5441
color_green_900
Color Magenta 100#fff2f8
color_magenta_100
Color Magenta 1000#522338
color_magenta_1000
Color Magenta 200#ffe8f2
color_magenta_200
Color Magenta 300#ffcce3
color_magenta_300
Color Magenta 400#ffb0d3
color_magenta_400
Color Magenta 500#ff7db7
color_magenta_500
Color Magenta 600#f0549a
color_magenta_600
Color Magenta 700#d1347a
color_magenta_700
Color Magenta 800#992659
color_magenta_800
Color Magenta 900#782449
color_magenta_900
Color Purple 100#f9f5ff
color_purple_100
Color Purple 1000#352e4a
color_purple_1000
Color Purple 200#f3ebff
color_purple_200
Color Purple 300#e5d4ff
color_purple_300
Color Purple 400#d7bdff
color_purple_400
Color Purple 500#bd91ff
color_purple_500
Color Purple 600#a469ff
color_purple_600
Color Purple 700#8c40ff
color_purple_700
Color Purple 800#7122e3
color_purple_800
Color Purple 900#4c2e87
color_purple_900
Color Red 100#fff2f3
color_red_100
Color Red 1000#5c2121
color_red_1000
Color Red 200#ffebec
color_red_200
Color Red 300#ffcfd1
color_red_300
Color Red 400#ffb5b9
color_red_400
Color Red 500#ff858b
color_red_500
Color Red 600#ff5760
color_red_600
Color Red 700#d9363e
color_red_700
Color Red 800#a12b2b
color_red_800
Color Red 900#80252a
color_red_900
Color Teal 100#e3ffff
color_teal_100
Color Teal 1000#223a3b
color_teal_1000
Color Teal 200#ccffff
color_teal_200
Color Teal 300#96feff
color_teal_300
Color Teal 400#6ef4f5
color_teal_400
Color Teal 500#37e4e6
color_teal_500
Color Teal 600#13bebf
color_teal_600
Color Teal 700#199091
color_teal_700
Color Teal 800#226363
color_teal_800
Color Teal 900#274c4d
color_teal_900
Color White#ffffff
color_white
Color Yellow 100#fffadb
color_yellow_100
Color Yellow 1000#3d3121
color_yellow_1000
Color Yellow 200#fff4b5
color_yellow_200
Color Yellow 300#ffe75c
color_yellow_300
Color Yellow 400#ffda00
color_yellow_400
Color Yellow 500#e3ad0b
color_yellow_500
Color Yellow 600#b58c12
color_yellow_600
Color Yellow 700#876a2f
color_yellow_700
Color Yellow 800#614d27
color_yellow_800
Color Yellow 900#523e21
color_yellow_900
Border Radius 00
borderRadius_0
Border Radius 1001px
borderRadius_100
Border Radius 2002px
borderRadius_200
Border Radius Circle50%
borderRadius_circle
Border Radius Pill9999em
borderRadius_pill
Border Width 00
borderWidth_0
Border Width 1001px
borderWidth_100
Border Width 2002px
borderWidth_200
Box Shadow 0none
boxShadow_0
Box Shadow 1000px 1px 2px rgba(44,53,61,.2)
boxShadow_100
Box Shadow 2000px 2px 4px rgba(44,53,61,.2)
boxShadow_200
Box Shadow 3000px 4px 8px rgba(44,53,61,.2)
boxShadow_300
Box Shadow 4000px 8px 16px rgba(44,53,61,.2)
boxShadow_400
Font Family Monospace'SFMono-Regular', Monaco, Consolas, 'Lucida Console', monospace
fontFamily_monospace
Font Family Sans'Calibre', -apple-system, BlinkMacSystemFont, 'San Francisco', 'Segoe UI', Roboto, Helvetica, sans-serif
fontFamily_sans
Font Size 1000.875rem14px
fontSize_100
Font Size 2001rem16px
fontSize_200
Font Size 3001.125rem18px
fontSize_300
Font Size 4001.25rem20px
fontSize_400
Font Size 5001.5rem24px
fontSize_500
Font Size 6002rem32px
fontSize_600
Font Size 7002.75rem44px
fontSize_700
Font Size 8003.5rem56px
fontSize_800
Font Size Root16px
fontSize_root
Font Weight Light300
fontWeight_light
Font Weight Medium500
fontWeight_medium
Font Weight Normal400
fontWeight_normal
Font Weight Semibold600
fontWeight_semibold
Line Height 1001rem16px
lineHeight_100
Line Height 2001.25rem20px
lineHeight_200
Line Height 3001.5rem24px
lineHeight_300
Line Height 4001.750rem28px
lineHeight_400
Line Height 5002rem32px
lineHeight_500
Line Height 6002.5rem40px
lineHeight_600
Line Height 7003.5rem56px
lineHeight_700
Line Height 8004.25rem68px
lineHeight_800
Media Query Lg1200px
mediaQuery_lg
Media Query Md960px
mediaQuery_md
Media Query Sm720px
mediaQuery_sm
Media Query Xl1440px
mediaQuery_xl
Media Query Xs448px
mediaQuery_xs
Motion Duration Fast0.15s
motionDuration_fast
Motion Duration Medium0.3s
motionDuration_medium
Motion Duration Slow0.7s
motionDuration_slow
Motion Ease Incubic-bezier(.35, 0, .7, .2)
motionEase_in
Motion Ease In Outcubic-bezier(.4, 0, .3, 1)
motionEase_in_out
Motion Ease Outcubic-bezier(0, 0, .3, 1)
motionEase_out
Sizing 00rem0px
sizing_0
Sizing 1000.25rem4px
sizing_100
Sizing 100020rem320px
sizing_1000
Sizing 110028rem448px
sizing_1100
Sizing 120045rem720px
sizing_1200
Sizing 130060rem960px
sizing_1300
Sizing 135066rem1056px
sizing_1350
Sizing 140075rem1200px
sizing_1400
Sizing 150090rem1440px
sizing_1500
Sizing 2000.5rem8px
sizing_200
Sizing 3000.75rem12px
sizing_300
Sizing 4001rem16px
sizing_400
Sizing 4501.25rem20px
sizing_450
Sizing 5001.5rem24px
sizing_500
Sizing 6002rem32px
sizing_600
Sizing 6502.5rem40px
sizing_650
Sizing 7003rem48px
sizing_700
Sizing 7503.5rem56px
sizing_750
Sizing 8004rem64px
sizing_800
Sizing 90010rem160px
sizing_900
Spacing 00rem0px
spacing_0
Spacing 1000.25rem4px
spacing_100
Spacing 2000.5rem8px
spacing_200
Spacing 3000.75rem12px
spacing_300
Spacing 4001rem16px
spacing_400
Spacing 4501.25rem20px
spacing_450
Spacing 5001.5rem24px
spacing_500
Spacing 5501.75rem28px
spacing_550
Spacing 6002rem32px
spacing_600
Spacing 6502.5rem40px
spacing_650
Spacing 7003rem48px
spacing_700
Spacing 7503.5rem56px
spacing_750
Spacing 8004rem64px
spacing_800
Spacing 90010rem160px
spacing_900
Z Index Autoauto
zIndex_auto
Z Index Below-1
zIndex_below
Z Index Default1
zIndex_default
Z Index Overlay1000
zIndex_overlay