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(,.;:?!$&*)

Raleway

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


  1. Ordered List
  2. Ordered List
  3. Ordered List
  • Unordered List
  • Unordered List
  • Unordered List