Style Guide

Lorem ipsum dolor sit amet.

Note: This is where to make changes to the entire website.
H1 Heading
Size: 64px

The quick brown fox jumps over the lazy dog

H2 Heading
Size: 48px

The quick brown fox jumps over the lazy dog

H3 Heading
Size: 40px

The quick brown fox jumps over the lazy dog

H4 Heading
Size: 32px

The quick brown fox jumps over the lazy dog

H5 Heading
Size: 24px
The quick brown fox jumps over the lazy dog
H6 / H6 Title
Size: 18px
The quick brown fox jumps over the lazy dog
Sub Heading
16x Font Size

The quick brown fox jumps over the lazy dog

Sub Heading / Small
14x Font Size

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas scelerisque lectus a lacus finibus, quis fringilla.

Paragraph / Large
18px Font Size

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas scelerisque lectus a lacus finibus, quis fringilla.

Paragraph / Regular
16px Font Size

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas scelerisque lectus a lacus finibus, quis fringilla.

Paragraph / Small
14px Font Size

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas scelerisque lectus a lacus finibus, quis fringilla.

Detail
14px Font Size

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas scelerisque lectus a lacus finibus, quis fringilla.

Footnote
12px Font Size

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Maecenas scelerisque lectus a lacus finibus, quis fringilla.

Container / X Large
1440px Container
Container / Large
1280px Container
Container / Regular
1140px Container
Container / Small
960px Container
Container / X Small
740px Container
Section / X Large
Section / Large
Section / Regular
Section / Small
Section / X Small
Class Name
Pixels
Global Class *Edit in Webflow
Margin Bottom / 4
4px on Bottom
Margin Bottom / 8
8px on Bottom
Margin Bottom / 12
12px on Bottom
Margin Bottom / 16
16px on Bottom
Margin Bottom / 20
20px on Bottom
Margin Bottom / 24
24px on Bottom
Margin Bottom / 28
28px on Bottom
Margin Bottom / 32
32px on Bottom
Margin Bottom / 36
36px on Bottom
Margin Bottom / 40
40px on Bottom
Margin Bottom / 44
44px on Bottom
Margin Bottom / 48
48px on Bottom
Margin Bottom / 56
56px on Bottom
Margin Bottom / 64
64px on Bottom
Margin Bottom / 72
72px on Bottom
Margin Bottom / 80
80px on Bottom
Margin Bottom / 88
88px on Bottom
Margin Bottom / 96
96px on Bottom
Basic Interaction
Basic Interaction
Basic Interaction
Basic Interaction
Basic Interaction
Basic Interaction
Basic Interaction
Basic Interaction
Basic Interaction
Basic Interaction