Styleguide
Colours
Primary
Secondary
Tertiary
Quaternary
Quinary
Grey Extra Dark
Grey Dark
Grey
Grey Light
Validation Error
Validation Success
Typography
Heading Extra Large
Font: Helvetica Now Bold | Line height: 85% | Letter spacing: NormalHeading Large
Font: Helvetica Now Bold | Line height: 85% | Letter spacing: NormalHeading
Lorem ipsum dolor sit amet
Font: Helvetica Now Bold | Line height: 120% | Letter spacing: Normal
Heading Small
Lorem ipsum dolor sit amet
Font: Helvetica Now Bold | Line height: 120% | Letter spacing: Normal
Content Large
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit purus ex, eget molestie quam rutrum vitae. In egestas faucibus magna, vel malesuada mi tempor a.
Content
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit purus ex, eget molestie quam rutrum vitae. In egestas faucibus magna, vel malesuada mi tempor a.
Content Small
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit purus ex, eget molestie quam rutrum vitae. In egestas faucibus magna, vel malesuada mi tempor a.
Icons
Buttons
Form
CMS Content
H1 Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit purus ex, eget molestie quam rutrum vitae. In egestas faucibus magna, vel malesuada mi tempor a.
H2 Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit purus ex, eget molestie quam rutrum vitae. In egestas faucibus magna, vel malesuada mi tempor a.
H3 Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit purus ex, eget molestie quam rutrum vitae. In egestas faucibus magna, vel malesuada mi tempor a.
H4 Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit purus ex, eget molestie quam rutrum vitae. In egestas faucibus magna, vel malesuada mi tempor a.
H5 Heading
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit purus ex, eget molestie quam rutrum vitae. In egestas faucibus magna, vel malesuada mi tempor a.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quisque hendrerit purus ex, eget molestie quam rutrum vitae. In egestas faucibus magna, vel malesuada mi tempor a.
- This is a list item in an unordered list
- An unordered list is a list in which the sequence of items is not important
- This is a list item in an ordered list
- An ordered list is a list in where the sequence of items is important
Big text
Small text
Bold text
Italic text
Footnote text which is the smallest text that can be used
This text contains subscript text.
This text contains superscript text.
Primary brand colour highlight text
Primary brand colour highlight text
Secondary brand colour highlight text
Secondary brand colour highlight text