Style Guide


Typography

Primary Font-Family: "Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif

Secondary Font-Family: "Apple Garamond","Baskerville","Times New Roman","Droid Serif","Times","Source Serif Pro",serif

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 both "bg" and "color" utility classes.

hex: #f02
u-**-red

hex: #deded4
u-**-yellow

hex: #003b6f
u-**-blue

hex: #13c4a3
u-**-green

hex: #000
u-**-black

hex: #222
u-**-gray-50

hex: #707070
u-**-gray-40

hex: #9f9f9f
u-**-gray-30

hex: #c0c0c0
u-**-gray-20

hex: #eaeaea
u-**-gray-10

hex: #fff
u-**-white

hex: #3d70b2
u-**-primary

hex: #5aaafa
u-**-secondary

hex: #008571
u-**-tertiary

hex: #f9ed1f
u-**-highlight

hex: #3cc
u-**-accent


Iconography
View icon demonstration page.