Style Guide

Paragraph

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-

HTML Tags

H1

H1 Heading

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

H2 Heading

Font Size: 44 px = Desktop, 30 px = Mobile. Height: 1.1-
H3

H3 Heading

Font Size: 34 px = Desktop, 28 px = Mobile. Height: 1.2-
H4

H4 Heading

Font Size: 24 px = Desktop, 20 px = Mobile. Height: 1.2-
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

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

Colors

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

Other Text

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.