Home›Typography
Preview
css
tightABCDE
normalABCDE
wideABCDE
widerABCDE
Code
css
:root {
  --tracking-tighter: -0.05em;
  --tracking-tight:   -0.025em;
  --tracking-normal:   0em;
  --tracking-wide:     0.05em;
  --tracking-wider:    0.1em;
  --tracking-widest:   0.2em;
}

/* Usage */
.display-text { letter-spacing: var(--tracking-tighter); }
.label        { letter-spacing: var(--tracking-widest); text-transform: uppercase; }
Related Blocks
css
Display Hierarchy
Complete style definitions for H1–H6, paragraphs, and captions.
css
Font Pair — Serif + Sans
Editorial heading + clean body font pairing.
css
Mono Code Block
Monospace style optimized for code display.