Style Guide

 

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

Colours:

Neutral Colours: 

  • Foreground: #F5F5F7
  • Background: #FFFFFF
  • Border: #DBDBDD
  • Visual Cue: #969699
  • Low Contrast: #7D7D80
  • Medium Contrast: #525254
  • High Contrast: #212122
  • Map: #e6cca9

Accent Colours

  1. Interaction #1166EE
  2. Error: #CC4422
  3. Completion: #118844
  4. Interaction Tint #DDEEFF
  5. Error Tint: #FFEEEE
  6. Completion Tint: #DDFFEE

 

Fonts:

  • Headings: Abril Fat Face
  • Paragraphs: Lato (1.5 em)
    • #474747

Heading 1:

  • #ffffff

Footer:

  • background-color: #ededed

 

 

styles