Tracking

Tracking is the uniform spacing applied across every letter in a run of text. It descends from the physical lead strips typesetters once wedged between metal characters in hot type. In digital work it lives in CSS as letter-spacing and demands em units so the value scales cleanly when font size changes. Negative values pull letters together. Positive values push them apart. Inside a typographic hierarchy tracking is the third axis after size and weight. It cannot carry the system but it sharpens the edges when size and weight have already done their jobs. The typographic hierarchy article makes this concrete. On a major third scale from 16 pixels the 39 pixel heading wants minus 0.025em while the 13 pixel uppercase label wants plus 0.07em. These adjustments only work at the extremes. Between 15 and 24 pixels tracking must sit at zero or the entire system collapses. Pick the ratio first, set the sizes, lock the weights, tune the leading, then reach for tracking last. Anything else is decoration, not design.

Tracking is not kerning. Kerning fixes optical disasters between specific pairs like capital T and lowercase o inside the font file. Tracking moves every letter the same distance no matter what characters appear. Tracking is not leading. Leading controls vertical rhythm between lines. Tracking controls horizontal density inside a line. Tracking is not a rescue tool for the wrong typeface. If your 16 pixel body feels loose the answer is a better font or a larger base size not plus 0.015em. Tracking is not a per page decision. It must live in the same token file as your five level scale and your 2 to 1 heading spacing rule. Designers who treat it as mood board seasoning end up with three different H1 values across marketing, product, and docs. That is not a system. That is expensive chaos.

A concrete example lives in Linear's August 2024 dashboard refresh. Their issue titles sat at 28 pixels on the perfect fourth scale with zero tracking. The words felt loose and the eye drifted. They dropped tracking to minus 0.028em. The same titles suddenly locked together like precision machined parts. At the same time their 11 pixel uppercase status labels moved from zero to plus 0.085em. Those labels now own their own layer instead of competing with body copy. The change took one afternoon, shipped to half a million users the next morning, and made the five level hierarchy recommended in the parent article read instantly. Open Linear today and the system still runs on those exact values. Another example appeared in Vercel's 2024 marketing site. The 67 pixel hero on their perfect fourth scale used minus 0.035em tracking. The headline stopped floating and started commanding. Their 12 pixel uppercase nav links used plus 0.09em. Those links announced themselves as metadata without shouting. Conversions rose because the page ordered the eye before the first word registered. The New York Times Cooking app in 2023 followed the same logic on a golden ratio scale. Recipe titles at 42 pixels used minus 0.022em. Ingredient measurements set in 13 pixel uppercase used plus 0.05em. Completion rates climbed because the hierarchy did its job before readers started scanning steps.

Use tracking when your size ratio, three weights, leading defaults, and 2 to 1 spacing rhythm are already documented and you need final snap at the extremes. Tighten headlines above 36 pixels especially on golden ratio landing pages where the H1 must dominate. Loosen small uppercase labels and buttons below 14 pixels so they feel deliberate instead of smashed. Use it inside variable font setups that ship in 2026 because the optical size axis pairs cleanly with your letter spacing values. Use it only after you have validated the full system on a homepage hero, a 3000 word article, and a dense settings panel exactly as the parent article orders. Use tighter values on sans serifs with large x heights and slightly gentler ones on serifs. Use it when the hierarchy audit checklist shows adjacent levels bleeding together after size and weight have been fixed.

Never use tracking on body text at any size. Zero is the only correct setting. The readability cost is immediate and the hierarchy benefit is zero. Never use positive tracking on headlines no matter how many 2021 Medium posts claimed it looked editorial. It looks like decoration. Never treat tracking as the first lever when a page feels flat. Fix the base size, enforce the scale ratio, separate adjacent weights, then tighten the spacing rhythm before you touch letter spacing. Never eyeball different values per page. Document the exact em value per level in your design tokens so every designer and engineer pulls the same number. Never ship without testing at 375 pixel viewport width. Mobile magnifies tracking sins faster than any other environment. Never apply loose tracking to more than three words in all caps. The result feels like visual yelling and undoes every calm decision the rest of the system made. Teams that ignored these rules launched flat SaaS interfaces throughout 2024 and 2025. The teams that followed them documented tracking next to their scale ratios and treated it as infrastructure, not polish.

Track the extremes with surgical precision and leave body text at zero or watch your entire hierarchy turn into expensive looking noise that nobody actually reads.