Style Guide

Paragraphs

All Paragraph

This is a paragraph. This is a paragraph. This is a paragraph

Font Size: 18 px = Desktop, 16 px = Mobile. Height: 1.5-
Paragraph Small

This is a small paragraph. This is a small paragraph. This is a small paragraph.

Font Size 16 px = Desktop, 16 px = Mobile. Height: 1.5-
Paragraph Extra Small

This is a X small paragraph. This is a X small paragraph. This is a X small paragraph.

Font Size 14 px = Desktop, 16 px = Mobile. Height: 1.5-

HTML Tags

H1

H1 Heading

Font Size: 58 px = Desktop, 36 px = Mobile. Height: 1.1-
H2

H2 Heading

Font Size: 48 px = Desktop, 34 px = Mobile. Height: 1.1-
H3

H3 Heading

Font Size: 22 px = Desktop, 20 px = Mobile. Height: 1.3-
H4

H4 Heading

Font Size: 20 px = Desktop, 18 px = Mobile. Height: 1.3-
H5
H5 Heading
Font Size: 18 px = Desktop, 16 px = Mobile. Height: 1.2-
H6
H6 Heading
Font Size: 16 px = Desktop, 16 px = Mobile. Height: 1.2-

Buttons and Links

All Links
This is a text link
Font Size: 18 px = Desktop, 16 px = Mobile. Height: 1.5-

Colors

#022140
Main Color
#636363
Deep Grey
#2979ff
Primary Blue
#3070de
Secondary Blue
#96a0b5
Grey
#f8fafb
Grey Secondary
#ffffff
White
#f3f7f9
Tertiary

Other Texts

Block Quote
Block Quote
All Unordered List
  • 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.
All Ordered List
  1. This is some text inside of a div block.
  2. This is some text inside of a div block.
  3. This is some text inside of a div block.

Figures & Figure Captions

Figure Image
Figure Captions