article-title
500 weight
54.7px
- Design
- 72px
- Min
- 38px
- Max
- 82px
- Line-height
- 52.5px
TYPECLAMP Preset
Editorial
Calmer article scale for long reading, essays, and publication-style pages. This preset documents the viewport range, responsive token behavior, current preview sizes, and production handoff values.
Preview Document
Type samples for Editorial
Sizes shown at the preset preview width. Open the generator to inspect the live viewport behavior.
article-title
54.7px / 500 weight
A practical guide to better web typography
article-h2
34.9px / 500 weight
A practical guide to better web typography
article-h3
25px / 500 weight
A practical guide to better web typography
intro
21px / 400 weight
A practical guide to better web typography
body
17.5px / 400 weight
A practical guide to better web typography
caption
12.5px / 500 weight
A practical guide to better web typography
Token Scale
Current sizes at 820px
Design viewport 1280px
article-h2
500 weight
34.9px
- Design
- 42px
- Min
- 28px
- Max
- 48px
- Line-height
- 37.7px
article-h3
500 weight
25px
- Design
- 28px
- Min
- 22px
- Max
- 32px
- Line-height
- 28.9px
intro
400 weight
21px
- Design
- 23px
- Min
- 19px
- Max
- 25px
- Line-height
- 30.4px
body
400 weight
17.5px
- Design
- 18px
- Min
- 17px
- Max
- 19px
- Line-height
- 28.3px
caption
500 weight
12.5px
- Design
- 13px
- Min
- 12px
- Max
- 14px
- Line-height
- 17.5px