Foundations
Typography
The Stance type system: DM Sans on a 1.2 scale, font sizes, weights, line heights and letter spacing, with guidance for UI and long-form text.
Stance sets type in DM Sans, the typeface Binds and eSignify already use, on a minor-third scale (×1.2) anchored at 16px. The hierarchy comes from size and weight; colour stays restrained.
Type scale
--st-font-size-5xlContracts, signed in minutes--st-font-size-4xlContracts, signed in minutes--st-font-size-3xlContracts, signed in minutes--st-font-size-2xlContracts, signed in minutes--st-font-size-xlContracts, signed in minutes--st-font-size-lgContracts, signed in minutes--st-font-size-mdContracts, signed in minutes--st-font-size-smContracts, signed in minutes--st-font-size-xsContracts, signed in minutes--st-font-size-2xsContracts, signed in minutesWeights
Aa
--st-font-weight-regular400Aa
--st-font-weight-medium500Aa
--st-font-weight-semibold600Aa
--st-font-weight-bold700Line height and tracking
| Token | Value | Use |
|---|---|---|
--st-line-height-tight | 1.1 | Display headings |
--st-line-height-snug | 1.25 | Headings, labels |
--st-line-height-normal | 1.5 | UI text |
--st-line-height-relaxed | 1.65 | Long-form reading |
--st-letter-spacing-tighter | -0.035em | Display sizes (36px+) |
--st-letter-spacing-tight | -0.015em | Headings and buttons |
--st-letter-spacing-normal | 0 | Body |
--st-letter-spacing-wide | 0.04em | Small labels |
--st-letter-spacing-caps | 0.08em | Uppercase eyebrows |
Guidance
- Body text is 16px (
md) on reading surfaces and 14px (sm) in dense application UI. - Never set text below 12px (
xs).2xsis reserved for badges and counters. - Use semibold (600) for headings and emphasis. Bold (700) is for display sizes only.
- Keep measure between 60 and 80 characters for long-form text.