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: 32 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-
Colors
#212529
Main
Color
Color
#2979ff
Primary
Blue
Blue
#3070de
Secondary
Blue
Blue
#96a0b5
Grey
#f8fafb
Grey
Secondary
Secondary
#ffffff
White
#ff0000
Red
#f3f7f9
Light Grey
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
- 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.
©2024 FamilyTreeX. All rights reserved.