Typography
Heading H1
ds-heading-H1
Heading H2
ds-heading-H2
Heading H3
ds-heading-H3
Heading H4
ds-heading-H4
Heading H5
ds-heading-H5
Heading H6
ds-heading-H6
Body Text Large
ds-text-Large
Body Text Medium
ds-text-Medium
Body Text Regular
ds-text-Regular
Body Text Small
ds-text-Small
Body Text Tiny
ds-text-Tiny
Button
Primary button
Common CTA button, use Light on dark backgrounds and Dark on light backgrounds. Use Light with shadow on complex backgrounds.
Light with shadow
btn-white-nt
is-shadow
Secondary button: Use with primary button when more than two options.
Link button: Use with primary button when more than two options.
btn-link-with-icon
Color
White
#FFFFFF
Lightest
#F1F1F1
Lighter
#BCC0C8
Black
#000000
Alert
#FF581B
Liteon Blue
#1F55D1
Volt Blue
#0074FF
Volt Blue Lighter
#D2DDF5
Volt Blue Lightest
#F1F6FA
Volt Blue Darker
#FAF7FF
Liteon Green
#1F55D1
Smart Mint
#35FAE3
Smart Mint Lightest
#F1F9F8
Power Purple
#FFFFFF
Power Purple Lightest
#FAF7FF