page-title
600 weight
37.7px
- Design
- 40px
- Min
- 30px
- Max
- 48px
- Line-height
- 40.8px
TYPECLAMP Preset
SaaS Dashboard
Compact product UI with restrained headings, readable tables, and dense labels. This preset documents the viewport range, responsive token behavior, current preview sizes, and production handoff values.
Preview Document
Type samples for SaaS Dashboard
Sizes shown at the preset preview width. Open the generator to inspect the live viewport behavior.
page-title
37.7px / 600 weight
Revenue intelligence
section-title
26.6px / 600 weight
Revenue intelligence
card-title
19.5px / 600 weight
Revenue intelligence
body
15.8px / 400 weight
Revenue intelligence
label
12px / 600 weight
Revenue intelligence
metric
51.5px / 500 weight
Revenue intelligence
Token Scale
Current sizes at 1200px
Design viewport 1440px
section-title
600 weight
26.6px
- Design
- 28px
- Min
- 22px
- Max
- 34px
- Line-height
- 29.8px
card-title
600 weight
19.5px
- Design
- 20px
- Min
- 18px
- Max
- 23px
- Line-height
- 23.1px
body
400 weight
15.8px
- Design
- 16px
- Min
- 15px
- Max
- 17px
- Line-height
- 23.7px
label
600 weight
12px
- Design
- 12px
- Min
- 12px
- Max
- 13px
- Line-height
- 14.4px
metric
500 weight
51.5px
- Design
- 56px
- Min
- 36px
- Max
- 68px
- Line-height
- 47.4px