Tone of Voice Is Part of Identity
When an identity system governs only graphics and leaves tone of voice undefined, the brand may look consistent but sound like someone else.
Article Design Systems Education
Typography Serves Both Reading and Recognition
In type selection, choosing typefaces purely for looks tends to produce type that is attractive but tiring to read, or readable but lacking recognition. A sounder approach is to spell out both the reading need and the recognition need, then lock that choice in with typography rules.
Key points
- In type selection, typography should no longer stop at choosing typefaces for looks.
- Left unaddressed, the same problem keeps recurring: attractive but tiring to read, or readable but lacking recognition.
- Change the starting point: spell out both the reading need and the recognition need.
- Write the choice into the typography rules, owned by the design lead.
- From then on, sign off against a single question: does long-form text serve reading, and do headlines serve recognition?
01How typography gets translated
Typography written into a document has not yet reached the point of type selection. The first step of translation is to spell out both the reading need and the recognition need.
If translation merely shortens ‘choose type for looks,’ the front line still ends up with type that is attractive but tiring to read, or readable but lacking recognition.
Spell out both the reading need and the recognition need. Until that happens, typography is still just type chosen for looks.
02Where typography gets distorted
Typography most often gets distorted when work is split up. Each department takes away an easy line to repeat, but not the refusals that go with it.
So externally, type is still visibly chosen for looks, while internally no one can explain why it is attractive but tiring to read, or readable but lacking recognition.
03The smallest unit of typographic translation
The smallest unit of typography isn't an entire manual, but a judgment that can be applied on the spot. Typography rules should be that unit.
When the front line receives the typography, they shouldn't have to guess what the brand team would think.
04Typography as the front line receives it
During selection, spot-check a real application to see whether the typography rules have slipped back into choosing type for looks.
Rewriting isn't necessarily bad. What's bad is when no one acknowledges afterward that the typography has changed.
05Where typographic judgment should live
Judgment should stay with the people who use it. The design lead owns it, while teams on the ground are empowered to say no based on the typography rules.
Training ends with a single test: does long-form text serve reading, and do headlines serve recognition?
Framework
The four layers of typography
From the non-negotiables to tools ready for use on the ground, each layer answers a single question, so typography doesn't slide back into type chosen for looks.
L1Reading
This layer spells out what cannot be compromised in typography.
L2Recognition
This layer turns typography into conditions that can be checked.
L3Out of scope
This layer defines what typography can flex across different contexts.
L4Substitution conditions
This layer hands typography over to the people who use it, with exceptions stated.
Note: This diagram is a conceptual framework. It explains a way of thinking and is not statistical data. Source: Qingmei Future Insights.
Recommended actions
Action 01
Start from the site
In type selection, mark the moments where typography is genuinely called upon, rather than starting by reworking type chosen for looks.
Action 02
Keep it to one page
Replace longer explanations with typography rules, keeping only what supports “spelling out both the reading need and the recognition need.”
Action 03
Judge it by one question
When selecting, ask only: does long-form text serve reading, and do headlines serve recognition? If you can't answer, it isn't a decision yet.
Action 04
Name the owner
Design lead. Typography without an owner gets quietly rewritten whenever conflicts arise.
Related
All insightsRelated insights
Turn Brand Guidelines into Decision Rules
When updating brand guidelines means simply adding more examples, people facing a new situation often cannot find a page that applies.
Build Reusable Components Before Assembling Pages
In page design, if components are still drawn from scratch for every page, the result is often pages that only look similar, where one change means many edits.