Typography
Font Family
Sans Serif/Main Body Text
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Nunito Sans
Font Weight: 400
Style: normal
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Nunito Sans
Font Weight: 400
Style: italic
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Nunito Sans
Font Weight: 700
Style: bold
//CSS
font-family: “Nunito Sans”, Arial, Helvetica, sans-serif;
//SASS Variable
font-family: $font-stack-sans;
Sans Serif/Heading Text
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Raleway
Font Weight: 400
Style: normal
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Raleway
Font Weight: 400
Style: italic
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Raleway
Font Weight: 700
Style: bold
//CSS
font-family: “Raleway”, Arial, Helvetica, sans-serif !important;
//SASS Variable
font-family: $font-stack-sans-heading;
Serif
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Roboto Slab
Font Weight: 400
Style: normal
Aa
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
1234567890(,.;:?!$&*)
Roboto Slab
Font Weight: 700
Style: bold
//CSS
font-family: “Roboto Slab”, Georgia, Times, “Times New Roman”, serif;
//SASS Variable
font-family: $font-stack-serif;
Type Variations
Page Title - h1
Subpage Title - h2
Subpage Title Special - h2
Section Header - h3
Sub Header - h4
Small Header - h5
Link Callout Header - h6
Bold content within body or form labels
Body content/copy
Small Text
Superscript x
Subscript x
- Ordered List
- Ordered List
- Ordered List
- Unordered List
- Unordered List
- Unordered List