Style Guide

Paragraph

  • Font family: proxima_nova_rg
  • Font-size: 16px
  • Letter-spacing: 0.4px
  • Line-height: 26px
  • Font color: #333
  • Font family: Helvetica Neue; Arial, Helvetica, sans-serif
  • Margin: 30px top, 30px bottom 

When should I use it?

This is the most commonly used content style. Use it for all paragraph text in the body and sidebar.

Heading 2

  • Font-family: "proxima_novasemibold"
  • Font-size: 25px
  • Font-weight: normal
  • Letter-spacing: 0.025em
  • Font color: #333
  • Line height: 1.1 (27.5px)
  • Margin: 45px top, 45px bottom

When should I use it?

This style should be used sparingly.

Heading 3

  • Font-family: "proxima_novasemibold"
  • Font-size: 20px
  • Font-weight: normal
  • Letter-spacing: 0.5px
  • Font color: #333
  • Line height: 1.1 (22px)

When should I use it?

This is the First level of heading you want to use. We recommend using it in body copy to separate major sections of content.

Heading 4

  • Font-family: "proxima_novasemibold"
  • Font-size: 16px
  • Font-weight: normal
  • Letter-spacing: 0.4px
  • Font color: #333
  • Line height: 1.1 (17.6px)

When should I use it?

This is the second level of heading you want to use. We recommend using it in body copy to separate minor sections of content.

Heading 5                                          
  • Font-family: "proxima_novasemibold"
  • Font-size: 14px
  • Font-weight: normal
  • Font color: #333
  • Line height: 1.1 (15.4px)
  • Margin: 10px top, 10px bottom

When should I use it?

This heading style should not be used due to its small size. Existing H5’s should be changed to H4’s

Heading 6                                              
  • Font-family: "proxima_novasemibold"
  • Font-size: 12px
  • Font-weight: normal
  • Font color: #333
  • Line height: 1.1 (13.2px)
  • Margin: 10px top, 10px bottom

When should I use it?

This heading style should not be used due to its small size.

Block Quote

  • Font-family: "proxima_nova_rg", helvetica
  • Font size: 16px
  • Font weight: normal
  • Font color: #333
  • Margin: 30px bottom
  • Padding: 20 px left and right, 10px top and bottom
  • Line height: 25px
  • Border: 5px, left, color: #EEE

When should I use it?

If you want quotation marks around the quote, add them into the text, as below. 

"Block quote with quotation marks."