Colours

white
#ffffff
blueLight
#70cde3
blueMain
#009ddc
blueDark
#0079c0
blueDarkest
#003757
orange
#f58025

Greys

greyLightest
#f2f2f2
greyLight
#e0e0e0
greyBorder
#b2b2b2
greyMid
#737373
greyDark
#4d4d4d
greyDarkest
#333333

Headings

H1 (56px/64px)
This might wrap on to two lines

H2 (38px/48px)
This might wrap on to two lines

H3 (30px/40px)
This might wrap on to two lines

H4 (24px/34px)
This might wrap on to two lines

H5 (20px/30px)
This might wrap on to two lines
H6 (20px/30px)
This might wrap on to two lines

Typography

Large text (28px/38px) - This is a paragraph of large text. Some of the text may be emphasised and some it might even be strongly emphasised. Of course a link may appear at any point in the text.

Normal text (18px/30px) - This is a paragraph of normal text. Some of the text may be emphasised and some it might even be strongly emphasised. Of course a link may appear at any point in the text.

Small text (16px/28px) - This is a paragraph of small text. Some of the text may be emphasised and some it might even be strongly emphasised. Of course a link may appear at any point in the text.

Smallest text (15px/26px) - This is a paragraph of smallest text. Some of the text may be emphasised and some it might even be strongly emphasised. Of course a link may appear at any point in the text.

Block quote (30px/40px/italic)
This might wrap on to two lines
  • List item
  • List item
  • List item
  • List item
  1. List item
  2. List item
  3. List item
  4. List item

Forms

Buttons