Typography Hierarchy

You don't read an interface. You scan it. Your eye jumps from heavy to light, from large to small, from colored to gray. Typography hierarchy is the choreography of that dance.

Weight as Signal

In Persephonie, display text is weight 300. Light, elegant, cinematic. Labels and headers are weight 600. Bold, authoritative, structural. The contrast between them creates rhythm. Your eye knows immediately what's a headline and what's supporting text.

If everything is bold, nothing is bold. Hierarchy requires contrast.

We pair bold and light weights on the same line for our signature look. 'Decision Lab' becomes Decision in semibold and Lab in light muted text. It's a small detail that signals premium craft.

Scale and Tracking

Small text gets wider letter-spacing. Large text gets tighter tracking. This isn't arbitrary. At small sizes, extra spacing aids legibility. At large sizes, tight tracking creates visual cohesion.

• Display (2xl+): weight 300, tight tracking
• Headers: weight 600, normal tracking
• Body: weight 400-500, comfortable line height
• Eyebrow labels: weight 600, uppercase, wide tracking

Type as Interface

Good typography eliminates the need for visual chrome. When your type hierarchy is strong, you don't need boxes, dividers, or backgrounds to separate content. The text itself creates structure.