Back to Top

Admin Resources

Style Guide

Tagline: Recycling is in our nature

H1 – Oswald Reverse

The H1 style is used only in the banner image on the top of each page over a shade of with a 004e7f background.

  • Color: #ffffff
  • Font-Family: Oswald
  • Weight: 500
  • Font-Size: 60px;
  • Line-height: 1.0
  • Letter-spacing: .5

H2 – Oswald Reverse

The H2 style is used only in the section headers with a 004e7f background.

  • Color: #ffffff
  • Font-Family: Oswald
  • Weight: 400
  • Font-Size: 50px;
  • Line-height: 1.5
  •  

H3 – Oswald in Teal

The H3 style is used under H2 for section headers.

  • Color: #339999
  • Font-Family: Oswald
  • Weight: 300
  • Font-Size: 42px;
  • Line-height: 1.0

H4 – Oswald in caps

The H4 style is used under H3 for detailed section headers.

  • Color: ##004E7F
  • Font-Family: Oswald
  • Weight: 300
  • Transform: Uppercase
  • Font-Size: 32px;
  • Line-height: 1.0
H5 – Subhead Sentences

The H5 style is used under H2 or H3 headlines for sentences that are subheads.

  • Color: ##004E7F
  • Font-Family: Oswald
  • Weight: 300
  • Font-Size: 27px;
  • Line-height: 1.5
  • Letter-spacing: .5

Paragraph

  • Color: #333333
  • Font-Family: Helvetica
  • Weight: 400
  • Font-Size: 20px;
  • Line-height: 1.5

Hyperlink:

Paragraph specs

Hover Color: #527FB8

Normal Color: #339999

Logo Color palette


Tagline: Recycling is in our nature

H1 Headline 1 Is in Oswald

  • Font-Family: ‘Oswald’, Sans-Serif;
  • Font-Size: 48px;
  • Color: 004e7f

H2

  • Font-Family: ‘Oswald’, Sans-Serif;
  • Font-Size: 36px; bold
  • Color: 5bc3b4

H3

  • Font-Family: ‘Oswald’, Sans-Serif;
  • Font-Size: 24px;
  • Color: 527fb8

H4

  • Font-Family: ‘Oswald’, Sans-Serif;
  • Font-Size: 18px;
  • Color: 527fb8

Body

  • Font-Family: ‘Quattrocento’, Serif;
  • Font-Size: 14px;

Hyperlink:

Color: 527fb8

Logo Color palette