Design System

This Design System page contains styles and components used through the website. You can change any style from this page and it will be updated throughout the site.

Typography

The different text sizes used throughout the site.

H1

Heading 1

H2

Heading 2

H3

Heading 3

Large Paragraph

Emerald is a gemstone and a variety of the mineralberyl colored green by trace amounts of chromium and sometimes vanadium.

Small Paragraph

Emerald is a gemstone and a variety of the mineralberyl colored green by trace amounts of chromium and sometimes vanadium.

Colors

The different weights of greys and colours used throughout the website.

Buttons

The different weights of greys and colours used throughout the website.

Dark

Primary

Button Text

Secondary

Button Text

Light

Primary

Button Text

Secondary

Button Text

Spacers

The different weights of greys and colours used throughout the website.

Icons

The different weights of greys and colours used throughout the website.

Columns

The different weights of greys and colours used throughout the website.