Love44
Curated by Love44's Head of Prompt Engineering. Every prompt here has shipped a real app.
← All resources
Before / After UI01 / 10

Typography hierarchy

If everything is bold, nothing is.

Generic — what you get
Designed — what you want
Follow-up prompt

"The typography has no hierarchy — everything is roughly the same weight and size. Rebuild: eyebrow label in small uppercase tracked-out caps (12px, weight 500, letter-spacing 0.04em), massive H1 with one italic word in the accent colour (clamp 48–80px, weight 800, line-height 0.95, letter-spacing -0.04em), body at 16px weight 400 with line-height 1.55 in a muted ink colour (not pure black, not grey). Use three font weights total: 300 italic, 400, 800."

Why: Hierarchy is conveyed by size, weight, colour, and space — in that order of impact. Triple the size jump between H1 and H2. Drop one weight to italic-300 to introduce contrast. The eye needs somewhere to land first.