Style Guide

Style GuideColoursTypographyButtons
ComponentsMarginsForms

Colours

Colours

Bright Orange

Primary Hover

Mid Orange

Green

Teal

Teal Dark

Teal Light

Tan

Black

Dark Grey

Mid Gray

grey

Grey Background

Light Grey

White

Typography

Headings

H1 Large

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6

Paragraph

  • Unordered List Item
  1. Ordered List Item

Rich Text Block

Heading 2 in Rich Text Block

Heading 3 in Rich Text Block

Heading 4 in Rich Text Block

Heading 5 in Rich Text Block
Heading 6 in Rich Text Block

Rich Text Paragraph

A Block Quote Text

Rich Text Link

Buttons

Buttons

Orange Button
Teal Button
Dark Teal Button
Text Button
Teal Text Button
Dark Text Button

Margins

Bottom Spaces

No Bottom Margin

Bottom Margin 8px

Bottom Margin 16px

Bottom Margin 24px

Bottom Margin 32px

Bottom Margin 48px

Bottom Margin 96px

Forms

Form Fields

Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.