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.
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
