display-lg
400 weight
51.3px
- Design
- 57px
- Min
- 40px
- Max
- 64px
- Line-height
- 57.5px
TYPECLAMP Preset
Material 3
App-style typography inspired by Material Design roles and readable density. This preset documents the viewport range, responsive token behavior, current preview sizes, and production handoff values.
Preview Document
Type samples for Material 3
Sizes shown at the preset preview width. Open the generator to inspect the live viewport behavior.
display-lg
51.3px / 400 weight
Adaptive product interface
headline-lg
30.7px / 500 weight
Adaptive product interface
title-lg
21.3px / 500 weight
Adaptive product interface
body-lg
16px / 400 weight
Adaptive product interface
label-lg
13.7px / 600 weight
Adaptive product interface
label-sm
11px / 600 weight
Adaptive product interface
Token Scale
Current sizes at 1080px
Design viewport 1440px
headline-lg
500 weight
30.7px
- Design
- 32px
- Min
- 28px
- Max
- 38px
- Line-height
- 36.8px
title-lg
500 weight
21.3px
- Design
- 22px
- Min
- 20px
- Max
- 24px
- Line-height
- 27.3px
body-lg
400 weight
16px
- Design
- 16px
- Min
- 16px
- Max
- 18px
- Line-height
- 24px
label-lg
600 weight
13.7px
- Design
- 14px
- Min
- 13px
- Max
- 15px
- Line-height
- 19.4px
label-sm
600 weight
11px
- Design
- 11px
- Min
- 11px
- Max
- 12px
- Line-height
- 15.9px