Typography
Type scales fluidly with the viewport between 320px and 1440px using CSS clamp() — resize your browser to see each step scale in real time.
Heading
Inter
Weight: Bold
Body
Inter
Weight: Regular
Fluid type scale
The quick brown fox jumps.
Step 5
39.81px – 61.04px
--ds-font-size-step-5
The quick brown fox jumps.
Step 4
33.18px – 48.83px
--ds-font-size-step-4
The quick brown fox jumps.
Step 3
27.65px – 39.06px
--ds-font-size-step-3
The quick brown fox jumps.
Step 2
23.04px – 31.25px
--ds-font-size-step-2
The quick brown fox jumps.
Step 1
19.2px – 25px
--ds-font-size-step-1
The quick brown fox jumps.
Step 0 (body)
16px – 20px
--ds-font-size-step-0
The quick brown fox jumps.
Step -1
13.33px – 16px
--ds-font-size-step-neg-1
The quick brown fox jumps.
Step -2
11.11px – 12.8px
--ds-font-size-step-neg-2