Typescale Desktop

Display 1
5.375rem / 86px / 105%
The quick brown fox jumps over the lazy dog.
H1
4.5rem / 72px / 110%

The quick brown fox jumps over the lazy dog.

H2
3.5rem / 56px / 110%

The quick brown fox jumps over the lazy dog.

H3
3rem / 44px / 110%

The quick brown fox jumps over the lazy dog.

H4
2.25rem / 36px / 110%

The quick brown fox jumps over the lazy dog.

H5
2rem / 32px / 110%
The quick brown fox jumps over the lazy dog.
H6
1.5rem / 24px / 110%
The quick brown fox jumps over the lazy dog.
P1
1.375rem / 22px / 140%

The quick brown fox jumps over the lazy dog.

P2
1.125rem / 28px / 150%

The quick brown fox jumps over the lazy dog.

P3
1rem / 16px / 150%

The quick brown fox jumps over the lazy dog.

P4
0.875rem / 14px / 150%

The quick brown fox jumps over the lazy dog.

Caption
0.875rem / 13px / 100%

The quick brown fox jumps over the lazy dog.

Buttons / forms

btn-lgbtn-mdbtn-sm
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.

Font colors

f-color-white
f-color-brick100
f-color-brick200
f-color-sand
f-color-beige100
f-color-beige200
f-color-black
f-color-cobalt

Margins / paddings

mt--2.25
mb--1.81
mb--1.5
mb--2
mb--2.38
mb--2.56
mb--3.5
mb--5
mb--7.5
mb--12.12
mb--12.88

Max width

max-w-16.5
max-w-30
max-w-50
max-w-70
max-w-83.5

Other

text-center
font-g-sans
eyebrown