---
title: "Large headings use default letter-spacing (design/heading-tracking)"
description: "design/heading-tracking: Type designed for text sizes looks loose when set large; slight negative tracking is what makes big headlines look tight and…"
canonical: https://void-design.vercel.app/rules/design/heading-tracking
lastModified: 2026-09-16
---

# Large headings use default letter-spacing

`design/heading-tracking` · severity **info** · category Design · detected by `void design` and `void audit`

## 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

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

## More design rules

`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.

- `line-length-long` Body text lines are too long — [design/line-length-long](https://void-design.vercel.app/rules/design/line-length-long)
- `line-length-short` Body text lines are very short on desktop — [design/line-length-short](https://void-design.vercel.app/rules/design/line-length-short)
- `body-text-small` Body text is smaller than 15px on mobile — [design/body-text-small](https://void-design.vercel.app/rules/design/body-text-small)
- `body-line-height-tight` Body line-height is too tight — [design/body-line-height-tight](https://void-design.vercel.app/rules/design/body-line-height-tight)
- `heading-no-balance` Headings do not use text-wrap: balance — [design/heading-no-balance](https://void-design.vercel.app/rules/design/heading-no-balance)
- `palette-sprawl` Too many distinct colors — [design/palette-sprawl](https://void-design.vercel.app/rules/design/palette-sprawl)
- `multiple-accents` More than one accent hue — [design/multiple-accents](https://void-design.vercel.app/rules/design/multiple-accents)
- `gradient-text` Gradient-filled heading text — [design/gradient-text](https://void-design.vercel.app/rules/design/gradient-text)

Detected by `void design` and `void audit`. Explain it in a terminal: `void rules design/heading-tracking`
