Typography

If you edit styles here, they will change across the site

H1

Lorem ipsum dolor sit amet

H2

Lorem ipsum dolor sit amet

H3

Lorem ipsum dolor sit amet

H4
Lorem ipsum dolor sit amet
H5
Lorem ipsum dolor sit amet
H6

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Paragraph
Lorem ipsum dolor sit amet
Block Quote
Lorem ipsum
Text Link

Font Size

This is some text inside of a div block.
font size xl
This is some text inside of a div block.
font size l
This is some text inside of a div block.
font size m
This is some text inside of a div block.
font size s
This is some text inside of a div block.
font size xs

Color

Brand Colours

Primary

primary dark alt
primary dark
primary
primary light
primary light alt

Secondary

Secondary Dark alt
Secondary dark
Secondary
Secondary Light
Secondary Light Alt

Neutral Colours

Black
Neutral dark
Neutral
neutral light
neutral Light alt
white

State Colours

Positive

positive dark
positive
positive light

Negative

negative dark
negative
negative light

Warning

warning dark
warning
warning light

Error

Error dark
Error
Error light

Buttons

Standard Buttons

Base

Button Text

Alt

Button Text

Preferred Action

Button Text

Disabled

Button Text