poster
400 weight
116.6px
- Design
- 128px
- Min
- 52px
- Max
- 156px
- Line-height
- 102.6px
TYPECLAMP Preset
Portfolio
Expressive but controlled scale for case studies, project pages, and studio sites. This preset documents the viewport range, responsive token behavior, current preview sizes, and production handoff values.
Preview Document
Type samples for Portfolio
Sizes shown at the preset preview width. Open the generator to inspect the live viewport behavior.
poster
116.6px / 400 weight
Selected work for ambitious brands
project-title
77.7px / 450 weight
Selected work for ambitious brands
case-heading
45.3px / 500 weight
Selected work for ambitious brands
statement
28.8px / 400 weight
Selected work for ambitious brands
copy
16.8px / 400 weight
Selected work for ambitious brands
meta
11.8px / 600 weight
Selected work for ambitious brands
Token Scale
Current sizes at 1280px
Design viewport 1440px
project-title
450 weight
77.7px
- Design
- 84px
- Min
- 42px
- Max
- 104px
- Line-height
- 71.5px
case-heading
500 weight
45.3px
- Design
- 48px
- Min
- 30px
- Max
- 58px
- Line-height
- 47.1px
statement
400 weight
28.8px
- Design
- 30px
- Min
- 22px
- Max
- 36px
- Line-height
- 36.3px
copy
400 weight
16.8px
- Design
- 17px
- Min
- 16px
- Max
- 18px
- Line-height
- 25.6px
meta
600 weight
11.8px
- Design
- 12px
- Min
- 11px
- Max
- 13px
- Line-height
- 14px