h1
650 weight
50.3px
- Design
- 56px
- Min
- 36px
- Max
- 64px
- Line-height
- 54.4px
TYPECLAMP Preset
Accessibility-first
Readable defaults with larger body text, generous leading, and safer mobile sizes. This preset documents the viewport range, responsive token behavior, current preview sizes, and production handoff values.
Preview Document
Type samples for Accessibility-first
Sizes shown at the preset preview width. Open the generator to inspect the live viewport behavior.
h1
50.3px / 650 weight
Readable interfaces for everyone
h2
37.2px / 620 weight
Readable interfaces for everyone
h3
26.9px / 600 weight
Readable interfaces for everyone
body-lg
20.4px / 400 weight
Readable interfaces for everyone
body
17.7px / 400 weight
Readable interfaces for everyone
label
14px / 650 weight
Readable interfaces for everyone
Token Scale
Current sizes at 1024px
Design viewport 1280px
h2
620 weight
37.2px
- Design
- 40px
- Min
- 30px
- Max
- 46px
- Line-height
- 43.1px
h3
600 weight
26.9px
- Design
- 28px
- Min
- 24px
- Max
- 32px
- Line-height
- 34.4px
body-lg
400 weight
20.4px
- Design
- 21px
- Min
- 19px
- Max
- 23px
- Line-height
- 32.7px
body
400 weight
17.7px
- Design
- 18px
- Min
- 17px
- Max
- 20px
- Line-height
- 29.2px
label
650 weight
14px
- Design
- 14px
- Min
- 14px
- Max
- 15px
- Line-height
- 19.6px