All-caps tracking

올캡스 트래킹

Setting text in all caps makes letters read as more crowded, since the rhythm normally given by lowercase ascenders and descenders disappears. Positive tracking is the standard fix for that cramped feel.

Also known as: 대문자 자간 보정Uppercase letter-spacing
···
html
<div class="stage">
  <div class="row">
    <div class="tag">tracking 없음</div>
    <div class="badge tight">NEW ARRIVAL</div>
  </div>
  <div class="row">
    <div class="tag good">letter-spacing: 0.12em</div>
    <div class="badge spaced">NEW ARRIVAL</div>
  </div>
</div>
css
.stage{display:grid;gap:18px;justify-items:center}
.row{display:grid;gap:6px;justify-items:center}
.tag{font:10px ui-monospace,Menlo,monospace;color:var(--muted)}
.tag.good{color:var(--accent-3)}
.badge{font:700 clamp(13px,4vmin,18px)/1 -apple-system,system-ui,"Segoe UI",sans-serif;color:var(--fg);text-transform:uppercase;padding:8px 14px;border:1.5px solid var(--fg);border-radius:999px}
.tight{letter-spacing:0}
.spaced{letter-spacing:.12em}

Lowercase text has ascenders (b, d, h, l) reaching up and descenders (g, j, p, q, y) reaching down, giving each word a varied silhouette that readers use for fast word-shape recognition. Set everything in caps and every letter becomes the same height — that silhouette disappears, and the letters read as pressed together, more crowded than they actually are.

That's why UI labels, badges, and eyebrow text set in all caps conventionally pair with positive `letter-spacing` (typically `0.05em–0.15em`). Capitals are already a visually loud, attention-grabbing form; widening the tracking gives them room to breathe and reads as calmer and more considered.

This convention is specific to case-based scripts like Latin and Cyrillic. Hangul has no case distinction at all, so "all caps" isn't a concept that applies to it — in a mixed Korean/English label, it's natural to apply `text-transform: uppercase` and tracking only to the Latin portion and leave the Hangul untouched.

When to use

Pair positive tracking with almost any short all-caps text — badges, eyebrows, buttons. Avoid setting a whole body paragraph in caps; legibility drops sharply.