Typography is one of the first things people feel about a brand and one of the last things they consciously notice. Get it right and the system disappears into the work. Get it wrong and nothing else in the identity can fully rescue it.
Most type decisions get made quickly: a font browser search, a gut check, and they stick for years. A type system built deliberately takes longer to assemble but a fraction of the time to maintain.
Why Typography Is a System Problem
Choosing fonts is not the same as building a type system. A type system defines which typefaces the brand uses, in what roles, at what sizes, and with what rules for combining them. It is the infrastructure that makes every future designer’s decisions consistent without requiring them to reinvent the logic every time they open a file.
The output is not a mood board. It is a specification: here are the fonts, here is how they relate, here is what you reach for when you need a headline, a body paragraph, a caption, or a UI label.
A type system does the decision-making in advance so every touchpoint the brand creates draws from the same well.
Step One: Assign Type Roles Before You Pick a Font
The most common mistake is opening a font browser before deciding what roles the type needs to fill. Roles first, then selection.
For most brands, three roles cover the majority of use cases:
- Display / headline: large, expressive, usually the most distinctive choice in the system
- Body: readable at paragraph sizes; this is where legibility requirements are strictest
- Utility / UI: small sizes, interfaces, captions, labels; often a neutral weight of the primary typeface or a second typeface entirely
Some brands get by with one typeface filling all three roles at different weights and sizes. Others need two. Rarely three. The number of roles is not a quality signal. What matters is whether every role is filled and whether you know which one you are reaching for.
Step Two: Choose the Primary Typeface
The primary typeface sets the personality for everything else. Before opening a font browser, write out two or three words that should describe the brand’s typographic feeling. Not the brand in general; just the typography. Sharp and direct? Warm and approachable? Authoritative but not cold? Then look for typefaces that carry those qualities into their letterforms.
The evaluation criteria go beyond aesthetics.
Character set and language support. If the brand operates in multiple markets, the typeface needs to cover the scripts in use. Finding an unsupported character set after the system is built is an expensive problem to discover late.
Weight range. A typeface with only one or two weights limits what the system can do. Most strong systems rely on at least four: light, regular, medium, and bold. Check what is actually in the family before committing.
Optical performance across sizes. Some typefaces designed for large display use fall apart at body sizes; the letterforms are too fine, the spacing breaks down. Verify the typeface works at every size the system needs, or plan to use a separate typeface at smaller sizes.
Licensing. Web fonts, desktop software, mobile apps, and print carry separate licensing terms. Know what use cases you are covering before you license anything. Some typefaces that appear free carry restrictions that matter when the brand scales.
Step Three: Pair or Don’t
Type pairing is one of the most overstated decisions in brand design. The internet is full of pairing guides describing contrast principles without explaining when that contrast earns its complexity.
The real question is whether a second typeface justifies its existence. Adding one to solve a legibility problem that the primary typeface also handles just creates maintenance overhead with no meaningful payoff.
Pairing works when the primary typeface is expressive enough to carry display use but not neutral enough to disappear at body size. In that case, a workhorse secondary handles body and utility reading while the display font holds the brand’s character.
When pairing, the contrast between the two typefaces should be legible without the two fighting each other. Different classifications tend to work. Similar classifications at similar weights tend to create confusion rather than character.
Step Four: Build the Scale
A type system without a scale is just a list of fonts. The scale is where type becomes a spatial language.
Choose a base size and derive the rest from it. For digital-first brands, a base body size of 16px is a solid starting point. From there, build up for headings and down for captions and UI labels using a consistent ratio. Major third (1.25), perfect fourth (1.333), or a custom set of values mapped to your actual layout needs all work. The ratio matters less than the consistency.
The rule that makes the scale function: sizes in the system map to roles, and only those sizes get used. If designers can pick any size they want, the type will drift across executions. If they pick from the scale, it stays coherent.
Set line height for each role too. Body text typically wants 1.5 to 1.6. Display can go tighter, sometimes 1.0 to 1.2. These values get set once in the spec and used everywhere.
Letter-spacing is the adjustment most often abused. All-caps labels often benefit from slight positive tracking. Headline type set tightly often wants slight negative tracking. Body text almost never needs tracking at all. If you find yourself chasing a feeling with letter-spacing, the typeface choice itself may be the issue.
Step Five: Document the System
A type system that is not documented is not a system. It is a set of files that approximate each other.
The documentation does not need to be long. It needs to cover which typefaces are in use and where they are licensed from, which role each fills, the full size scale with corresponding line heights, specific usage rules (display type never set below 40px; body always left-aligned in editorial layouts), and what substitutions are acceptable when the primary font is unavailable.
This is also where the type system connects to the rest of the identity. Color usage, spacing conventions, and layout decisions all reference the type system. If you are building the type spec as part of a wider visual identity, it lives in the brand guidelines, not in a separate file that gets separated from everything else. The logo design process typically precedes this work; the type system takes those brand cues and makes them operational across every page and screen.
The spec is how the system survives team changes. Two years after the original designer has moved on, the documentation is what prevents every new hire from re-making decisions that were already settled.
How Strynal Approaches Brand Typography Systems
Typography sits inside every brand identity engagement we run, not as an add-on decision near the end. It is defined alongside color once the brand’s strategic position is clear, because the typefaces have to carry the same message as the visual identity as a whole.
We deliver a type system as part of a broader brand spec covering all the visual identity components. The type section documents roles, scale, licensing sources, and usage rules clearly enough that any designer who picks up the work can follow the logic without needing to call us.
If you are starting a new brand or inheriting one where the type has drifted, understanding how color and typography reinforce the same signal from different directions is useful context before making decisions in either area.
Reach out if you want a second opinion on a type system that is not working, or if you are building one from scratch.