display

Token

Example

XS

SM

MD

LG

XL

XL+

text-display-xxl

Display XXL

var(--font-grotzecPoster)

clamp(7.5rem, 16.5vw, 16.5rem)

0.72

normal

text-display-xl

Display XL

var(--font-grotzecCond)

clamp(4rem, 12.5vw, 12.5rem)

0.85

-0.02em

text-display-l

Display L

var(--font-grotzecCond)

clamp(4rem, 10.5vw, 10.5rem)

0.8

-0.02em

text-h1

Heading 1

var(--font-grotzecCond)

clamp(3rem, 6vw, 6rem)

0.9

-0.02em

text-h2

Heading 2

var(--font-grotzecCond)

clamp(2.25rem, 4.5vw, 4.5rem)

0.9

-0.01em

text-h3

Heading 3

var(--font-grotzecCond)

clamp(1.875rem, 3.75vw, 3.75rem)

0.9

-0.01em

text-h4

Heading 4

var(--font-suisse)

clamp(1.5rem, 3vw, 3rem)

1.2

normal

text-h5

Heading 5

var(--font-suisse)

clamp(1.5rem, 2.5vw, 2.5rem)

1.2

normal

text-h6

Heading 6

var(--font-suisse)

clamp(1.5rem, 2.25vw, 2.25rem)

1.4

normal