Styleguide

Buttons

Button Button Button

Colours

#c73c00
.bg-orange
.text-orange

#ffffff
.bg-white
.text-white

#f2efe9
.bg-light-grey
.text-light-grey

#d7d1C6
.bg-mid-grey
.text-mid-grey

#575349
.bg-grey
.text-grey

#17140f
.bg-dark-grey
.text-dark-grey

#4b536c
.bg-mid-blue
.text-mid-blue

#0a0c37
.bg-dark-blue
.text-dark-blue

Display - (Section headings)

Display 1

Display 2

Display 3

Display 4

Headings - (Article content headings)

Header 1

Header 2

Header 3

Header 4

Header 5

Header 6

Body Font sizes

Subheader

Default. Lorem bold sit amet, italic adipiscing elit sed do ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

.text-xsmall - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

.text-small - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

.text-medium - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

.text-large - Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

subscript₁
superscript²

Font weights

Font weight light

Font weight regular

Font weight medium

Font weight bold

Helpers

text uppercase

text left

text center

text right

Links

Default link

Blockquote

Lorem ipsum dolor sit amet consectetur adipisicing elit. Repellat libero adipisci unde saepe, amet beatae eum eos dicta vero

Unordered list

List item 1
List item 1
List item 1

Ordered list

List item 1
List item 1
List item 1

Table

Table header 1	Table header 2	Table header 3
Table data 1	Table data 2	Table data 3
Table data 1	Table data 2	Table data 3