Style Guide

Colours

Dark Text Colour
Paragraph Text Colour
Light Text Colour
Blue
Medium Blue
Washed Blue
Pale Blue
White
Background Colour
Dark Background Colour

Typography

Heading 1

H1 Small

Heading 2

H2 Large

H2 Small

Heading 3

H3 Medium

H3 Small

Heading 4

Heading 5

Paragraph Text

Paragraph Text

  • Unordered List Item
  1. Ordered List Item
Tag

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

Typography

Heading 1

H1 Small

Heading 2

H2 Large

H2 Small

Heading 3

H3 Medium

H3 Small

Heading 4

Heading 5

Paragraph Text

Paragraph Text

  • Unordered List Item
  1. Ordered List Item
Tag

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

Form Items

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.
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.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Content Box

Content Box Small (Max Width 460px)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Content Box Default (Max Width 630 px)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Content Box Large (Max Width 800 px)

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.