Styleguide

Colours

BRAND COLOURS

Primary brand colour

Primary

Secondary brand colour

Secondary

TYPOGRAPHY COLOURS

Used for H1, H2, H3, H4 and H5 text.

Headings

Used for paragraph text.

Body

Used for paragraph text that needs to be lighter.

Link Text

BACKGROUND COLOURS

Used for the background colour on some content blocks.

Background 1

ADDITIONAL COLOURS

Used for dividing lines and field outlines/borders.

Line Fill

Used for error messages and sale badge/price.

Error/Sale

Used for page background colour.

White

Typography

Headings

Heading 1

Heading 2

Heading 3

Heading 4

HEADING 5
Paragraph

This is a paragraph style omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Large Paragraph

This is a larger paragraph style omnis iste natus error sit voluptatem accusantium doloremque laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae dicta sunt explicabo.

Error

Error text

Buttons

button
Primary Hollow
Standard Label
Hover
Inactive

Icons