Styleguide

Buttons

Colours

#000000
.bg-black
.text-black

#ffffff
.bg-white
.text-white

#19305a
.bg-dark-blue
.text-dark-blue

#204989
.bg-blue
.text-blue

#c7defb
rgba(142, 189, 246, 0.5)
.bg-mid-blue
.text-mid-blue

#e8f2fd
rgba(142, 189, 246, 0.2)
.bg-light-blue
.text-light-blue

#f2f9fe
.bg-xlight-blue
.text-xlight-blue

#ffb300
.bg-yellow
.text-yellow

Display - (Section headings) - 'Crimson Text'

Display 1

Display 2

Display 3

Display 4

Display 5

Display 6

Headings - (Artcile content headings) - 'Crimson Text' - TBC

Header 1

Header 2

Header 3

Header 4

Header 5

Header 6

Body Font sizes - 'DM Sans'

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

ExtraSmall. 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.

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.

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