Typography
The different text sizes used throughout the site.
H1 Montserrat 600

h1 heading

H2 Montserrat 600

h2 heading

H3 Montserrat 600

h3 heading

H4 Montserrat 600

h4 heading

H5 Montserrat 600
h5 heading
H6 Montserrat 600
h6 heading
Large paragraph Libre Franklin
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 paragraph Libre Franklin bold

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.

Paragraph Libre Franklin
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.
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 paragraph Libre Franklin

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.

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

List Libre Franklin
Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet Lorem ipsum dolor sit amet
Link Libre Franklin
More about me

Quote Libre Franklin

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.

Image caption Libre Franklin

Lorem ipsum dolor sit amet, consectetur adipiscing

Colors
The different weights of greys and colours used throughout the website.
Gray
CTA
Brand
Solid
Status
Buttons
The different types of buttons used throughout the website.
Primary
Light
Outline
Minimal
Not aviable
Primary
Light
Outline
Minimal
Not aviable
Columns
The different weights of greys and colours used throughout the website.
12 COL
Grids
Different grid layouts to use across your site
4 GRID
3 GRID
2 GRID
1 GRID
Spacers
Spacer elements using the 8-pt system to give sections more room to breathe.
8 PX
16 PX
24 PX
32 PX
48 PX
64 PX
80 PX
96 PX
128 PX
Forms
Text
Placeholder
Normal
Enter
Focus
Text |
Inactive
Enter
Help
Enter
Help text
Error
Enter
Error
Error
Text
Success