Colours

Brand/Functional

Primary

Secondary

Success

Warning

Danger

Text/Greyscale

900 Grey

700 Grey

500 Grey

400 Grey

300 Grey

Link

Borders

Default

Selected

Background

Light

Overlay

Typography

Headings

Heading 1

Heading 2

Heading 3

Heading 4

Heading 5
Heading 6
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.

Text Links

Buttons

Primary Secondary
Standard Button Button
With Icon Button Button
Inactive Button Button

Exportable Icons

Additional elements

Pagination

Dots

Logo & Favicon

Accordion

Product Tiles