📖 Step 4: Design - Research & Process#112 / 291

Kerning / Tracking

Kerning / Tracking

📖One-line summary

Kerning is spacing between specific letter pairs; tracking is overall letter spacing.

Example

TYPOGRAPHY
Typography design
letter-spacing: 0px

Vibe coding prompt examples

>_

Adjust tracking on uppercase headings with CSS letter-spacing. Widen to about 0.05em to improve readability.

>_

Write CSS that fine-tunes kerning on a logo text. Combine font-kerning and letter-spacing.

Try these prompts in your AI coding assistant!