Typography font-size & line-height tokens (DES-67)
Pre-release · Type: 🐛 Bug Fix
Related issues: DES-67 / WEB-846
Problem
DS 4.0 updated the font-size scale (UI Type Scale) for the Desktop platform. The Font-Size / Line-Height tokens in the code did not match the spec, and the H4/H5/H6 levels were missing.
Changed Files
packages/design-tokens/src/source/figma-variables.jsonpackages/design-tokens/src/source/Plaud Web 4.0 Design System-variables.csspackages/design-tokens/src/generated/css/variables-light.css
Changes
| Token | Old | New |
|---|---|---|
| Font-Size-Display | 32px | 36px |
| Font-Size-H1 | 24px | 28px |
| Font-Size-H2 | 20px | 22px |
| Font-Size-H3 | 18px | 20px |
| Font-Size-H4 | — | 17px (added) |
| Font-Size-H5 | — | 15px (added) |
| Font-Size-H6 | — | 13px (added) |
| Font-Size-Body | 14px | 15px |
| Line-Height-H2 | 30px | 28px |
| Line-Height-H3 | 28px | 26px |
| Line-Height-H4 | — | 22px (added) |
| Line-Height-H5 | — | 20px (added) |
| Line-Height-H6 | — | 18px (added) |