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-

HTML Tags

H1

H1 Heading

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

H2 Heading

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

H3 Heading

Font Size: 24 px = Desktop, 20 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
All Links
This is a text link
Font Size: 18 px = Desktop, 16 px = Mobile. Height: 1.5-

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.

All Figures & Figure Captions Tag

Figure Style
Figure Caption

Colors

#022140
Main Color
#e73949
Red
#f72336
Red Hover
#ffffff
White
#f3f7f9
Border Color
#fff7fc
Light BG