Typography
We use Proxima Nova as our company font. We do have a font stack in case our font does not render on a browser.
font-family: “Proxima Nova", “Helvetica Neue”, “Helvetica”, “Arial”, "Lucida Grande", sans-serif;
01 Proxima Nova
Light
font-weight: 300;
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
1234567890#+-@=%/>([?!])
Regular
font-weight: 400;
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
1234567890#+-@=%/>([?!])
Medium
font-weight: 500;
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
1234567890#+-@=%/>([?!])
Bold
font-weight: 700;
AaBbCcDdEeFfGgHhIiJjKkLlMmNnOoPpQqRrSsTtUuVvWwXxYyZz
1234567890#+-@=%/>([?!])
02 Type Scale
These are general font relationships on our websites. Please use the following specifications below when designing or developing a page.
Desktop
Heading 1
Font Size: 38px | Font Weight: 700
Heading 2
Font Size: 30px | Font Weight: 700
Heading 3
Font Size: 24px | Font Weight: 700
Paragraph
Font Size: 21px | Font Weight: 300
Hyperlink
Font Size: 21px | Font Weight: 400
Button text | Descriptions
Font Size: 14px | Font Weight: 500
Mobile
Heading 1 | Mobile
Font Size: 36px | Font Weight: 700
Heading 2 | Mobile
Font Size: 28px | Font Weight: 700
Heading 3 | Mobile
Font Size: 22px | Font Weight: 700
Paragraph | Mobile
Font Size: 18px | Font Weight: 300
Hyperlink | Mobile
Font Size: 18px | Font Weight: 400
Button text | Descriptions
Font Size: 14px | Font Weight: 500