Typography is the single most powerful tool in a brand designer's kit. A typeface selection communicates personality before a single word is read. A size scale creates information hierarchy that guides the eye. The gap between a premium brand and a mediocre one is often measured entirely in typographic decisions.
The Three-Level System
Every brand we build has three typographic levels: Display, Body, and Utility.
**Display** is for statements. Large, expressive, unapologetically loud. This is where personality lives. For Apex, we used a variable font that allows weight transitions mid-headline.
**Body** is for communication. Comfortable at 15-16px, generous line-height (1.6-1.75), minimal tracking. Sans-serif for digital, occasionally serif for editorial brands.
**Utility** is for interface elements. Labels, captions, metadata. Typically the same family as body but at smaller sizes with increased tracking for legibility.
The Size Scale
We use a modular scale based on the major third (1.25) or perfect fourth (1.333) ratio. This creates a set of sizes that feel harmonious without being identical. On top of that, we apply fluid typography with clamp() so the scale responds to viewport width without breakpoints.
