Skip to content

Rule · Design

Large headings use default letter-spacing

design/heading-trackinginfovoid designupdated

Why it matters

Type designed for text sizes looks loose when set large; slight negative tracking is what makes big headlines look tight and intentional.

How to fix it

Apply negative tracking that scales with size (≈ -0.01em at 32px to -0.03em at 64px+).

Example

ts
h1 { letter-spacing: -0.025em; }

void design reports 19 rules in this category. Measured design heuristics from computed styles: font families, type scale, line length, palette and accent sprawl, spacing grid, radius sprawl, dark mode and the tells of generated UI.