Field note / typography / poster design / hierarchy
Building Typographic Hierarchy in Poster Work
Hierarchy isn't about making things bigger — it's about creating a reading sequence that the viewer follows without thinking.
- Published
- Mar 07, 2023
- Length
- 3 min read / 643 words
- Topics
- typography, poster design, hierarchy
Typographic hierarchy is the most fundamental skill in poster design, and it's the one I see neglected most often. Designers will spend hours on typeface selection and almost no time thinking about the sequence they're asking viewers to follow. The result: posters where everything competes, nothing leads.
Hierarchy Is a Sequence, Not a Size Chart
The first mistake is thinking about hierarchy as a ranking of importance. "The artist name is most important, so it's biggest. The date is second most important, so it's second biggest." Follow that logic to its conclusion and you get a poster where every element is a slightly different size, all competing to be heard.
Hierarchy is actually a reading sequence. You're designing the order in which the viewer's eye moves through the information. That sequence should feel inevitable — the viewer should never have to choose where to look next, because you've already made that choice for them.
The Three-Level Framework
For most posters, I work with three levels of hierarchy, maximum four:
Level 1: The hook. One thing. The element that stops the viewer from walking past. This could be an image, a giant word, a color field, a provocative graphic. Its job is to create a moment of arrest.
Level 2: The primary information. What this is. Who it is. When and where, if those are critical. This is the information someone needs to decide if they care.
Level 3: The details. Supporting cast, ticket info, sponsors, fine print. This is for people who've already decided they're interested.
The mistake is trying to promote everything to Level 1, or collapsing all three levels into a pile of similar-sized text.
Contrast Is Your Primary Tool
You create hierarchy through contrast — and contrast has more dimensions than size alone. Weight, color, spacing, case, style, and position all create contrast. Some of the most powerful poster typography I've seen doesn't use dramatically different sizes. Instead, it uses weight and color to carve out a clear reading sequence across a relatively compressed size range.
A heavy condensed typeface in white on a dark background at 60pt will out-shout a light roman in the same color at 80pt. That's weight doing the work size can't always do alone.
Testing Your Hierarchy
I have a simple test: the squint test. I step back from the poster and squint until the details blur. What do I see first? Second? Third? If the sequence matches the intended reading order, the hierarchy is working. If my eye jumps to something I didn't intend — a sponsor logo that's too large, a date that's too prominent — I know where to adjust.
The other test is the five-second rule. Show the poster to someone for five seconds, then take it away. Ask them what it was for. What they remember is what your Level 1 was actually communicating, not what you intended.
Consistent Spacing Holds It Together
Hierarchy works in part because of the spacing relationships between levels. Elements at the same level should share similar spacing logic. Transitions between levels should be visible — more space between Level 1 and Level 2 than within Level 2 elements.
I use a spacing system derived from my baseline grid. If my baseline unit is 8pt, then intra-level spacing might be 8pt, inter-level transitions 16pt or 24pt. Consistent spacing makes the hierarchy legible even before the viewer reads a word.
One Voice at a Time
The final rule I follow: at each level, one typographic voice. Level 1 gets one treatment. Level 2 gets one treatment. The moment you start mixing typefaces, weights, and sizes within a single level, you've introduced noise. Keep each level unified and the sequence will read clearly.