Style guide

Type styles

Heading 01

Heading 02

Heading 03

Heading 04

Heading 05

Heading 06

Subhead 01

Subhead 02

Subhead 03

Subhead 04

Subhead 05

Subhead 06

hr

Text 1: Placerat donec cras aliquam imperdiet. Nullam est rhoncus semper id risus semper viverra semper.

Text 2: Placerat donec cras aliquam imperdiet. Nullam est rhoncus semper id risus semper viverra semper.

Text 3: Placerat donec cras aliquam imperdiet. Nullam est rhoncus semper id risus semper viverra semper.

Text 4: Placerat donec cras aliquam imperdiet. Nullam est rhoncus semper id risus semper viverra semper.

Text 5: Placerat donec cras aliquam imperdiet. Nullam est rhoncus semper id risus semper viverra semper.

Colours

Primary

Primary 1

Primary 2

Primary 3

Primary 4

Secondary

Secondary 1

Secondary 2

Secondary 3

Secondary 4

Greys

Grey 1

Grey 2

Grey 3

Grey 4

Black / White

Black

White

Status

Success

Warning

Error

Buttons

Primary

Secondary

Outline

Outline Secondary

White

Link

Link White

Animated Icons

Close Icons

Zoom Icons

Hamburger Icon

Play Icon

Plus Icon

Static Icons

Header Icons

2

Misc Icons

Social Icons

Form Elements

Input Text

Text Input Label

Text Input Disabled Label

Input Email

Email Input Label

Email Input Disabled Label

Input Password

Password Input Label

Password Input Disabled Label

Input Tel

Tel Input Label

Tel Input Disabled Label

Select

Select Label

Select Disabled Label

Search

Input Checkbox

Checkbox Input

Checkbox Input Disabled

Input radio

Radio Input

Radio Input Disabled

Text Area

Textarea Label

Textarea Disabled Label

Table Element

Heading 0	Heading 1	Heading 2	Heading 3	Heading 4	Heading 5
Row 0 / Column 0	Row 0 / Column 1	Row 0 / Column 2	Row 0 / Column 3	Row 0 / Column 4	Row 0 / Column 5
Row 1 / Column 0	Row 1 / Column 1	Row 1 / Column 2	Row 1 / Column 3	Row 1 / Column 4	Row 1 / Column 5
Row 2 / Column 0	Row 2 / Column 1	Row 2 / Column 2	Row 2 / Column 3	Row 2 / Column 4	Row 2 / Column 5
Row 3 / Column 0	Row 3 / Column 1	Row 3 / Column 2	Row 3 / Column 3	Row 3 / Column 4	Row 3 / Column 5
Row 4 / Column 0	Row 4 / Column 1	Row 4 / Column 2	Row 4 / Column 3	Row 4 / Column 4	Row 4 / Column 5
Row 5 / Column 0	Row 5 / Column 1	Row 5 / Column 2	Row 5 / Column 3	Row 5 / Column 4	Row 5 / Column 5

Grid

12 Columns

Inset Columns

Inset

Inset Medium

Inset Tight