Styleguide

HTML Headings

Heading H1

Heading H2

Heading H3

Heading H4

Heading H5
Heading H6

Heading Classes

Heading H1
Heading H2
Heading H3
Heading H4
Heading H5
Heading H6

Text Classes

Text Style Large
Text Style Medium
Text Style Small
Text Style Regular
Text Style All Caps
Text Bold
Text Meta

Text Alignment

Text Align Left
Text Align Center
Text Align Right

Text Colour

This is some text inside of a div block.
This is some text inside of a div block.
This is some text inside of a div block.

Other HTML Elements

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. Aenean faucibus nibh et justo cursus id rutrum lorem imperdiet. Nunc ut sem vitae risus tristique posuere.

Block Quote

Cards

Colours

Blue 100
Light Blue 200
Black 300
Light Grey 400
Light Grey 500 (Didiver)
Grey 600 (Text)
White 700 (Body & Text)

Icons

Buttons