Style Guide
Typography
Primary Font-Family: "Poppins", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif
Secondary Font-Family: "Roboto", Helvetica, Arial, sans-serif
Secondary Font-Style: Italic
Font-Weight Regular
Font-Weight Bold
Font-Weight Boldest
Headings
h1 c-heading-alpha
h1 c-heading-alpha subheading
h2 c-heading-bravo
h2 c-heading-bravo subheading
h3 c-heading-charlie
h3 c-heading-charlie subheading
h4 c-heading-delta
h4 c-heading-delta subheading
h5 c-heading-echo
h5 c-heading-echo subheading
h6 c-heading-foxtrot
h6 c-heading-foxtrot subheading
Colors
These colors are for "bg", "border", and "color" utility classes.
hex: #ad1a32
u-**-red
hex: #f5b51b
u-**-yellow
hex: #5c597e
u-**-blue
hex: #307962
u-**-green
hex: #333
u-**-black
hex: #6e6e6e
u-**-gray-50
hex: #a1a1a1
u-**-gray-40
hex: #b3b3b3
u-**-gray-30
hex: #d8d8d8
u-**-gray-20
hex: #f7f7f7
u-**-gray-10
hex: #fff
u-**-white
hex: #fcae46
u-**-primary
hex: #333
u-**-secondary
hex: #d7d3cf
u-**-tertiary
hex: #f9ed1f
u-**-highlight
hex: #3cc
u-**-accent
Iconography
View icon demonstration page.