hero
650 weight
76.5px
- Design
- 96px
- Min
- 46px
- Max
- 118px
- Line-height
- 70.4px
TYPECLAMP Preset
Landing Page
High-contrast marketing scale with a strong hero and flexible section hierarchy. This preset documents the viewport range, responsive token behavior, current preview sizes, and production handoff values.
Preview Document
Type samples for Landing Page
Sizes shown at the preset preview width. Open the generator to inspect the live viewport behavior.
hero
76.5px / 650 weight
Launch faster with responsive typography
headline
53.1px / 600 weight
Launch faster with responsive typography
section
36.5px / 600 weight
Launch faster with responsive typography
lead
22px / 400 weight
Launch faster with responsive typography
body
17.2px / 400 weight
Launch faster with responsive typography
eyebrow
11.6px / 700 weight
Launch faster with responsive typography
Token Scale
Current sizes at 1024px
Design viewport 1440px
headline
600 weight
53.1px
- Design
- 64px
- Min
- 36px
- Max
- 78px
- Line-height
- 50.9px
section
600 weight
36.5px
- Design
- 42px
- Min
- 28px
- Max
- 52px
- Line-height
- 38px
lead
400 weight
22px
- Design
- 24px
- Min
- 19px
- Max
- 28px
- Line-height
- 30px
body
400 weight
17.2px
- Design
- 18px
- Min
- 16px
- Max
- 19px
- Line-height
- 25.8px
eyebrow
700 weight
11.6px
- Design
- 12px
- Min
- 11px
- Max
- 13px
- Line-height
- 12.8px