The Graphic System: Type, Symbols & Colour
Legibility isn't readability — and contrast is tonal, not colour
The graphic system makes a sign readable. Legibility (making out the letters) and readability (understanding the message) are different, and both are needed. Signage wants a clear, open typeface — a sans-serif reads better at distance than a decorative one — and letters sized for the viewing distance. Above all it needs high tonal contrast, because colour alone fails a colour-blind or low-vision reader. And pictograms must be standard, arrows unambiguous.
Learning objectives
By the end of this lesson, you will be able to — mapped to the course outcomes for Signage & Graphics:
Distinguish legibility from readability and choose a clear, open typeface for signage.
Size letters for the viewing distance and use standard pictograms and unambiguous arrows.
Judge tonal (not colour) contrast, and use colour, layout and space to build hierarchy.
Legibility vs readability
Legibility is making out the letters (typeface, size, contrast); readability is comprehending the message (wording, layout, hierarchy) — a sign needs both. And ‘any nice font works’ is a myth: signage wants a clear, open sans-serif.[1, 2]
Two different things
Two words that are not the same. LEGIBILITY is whether you can make out the individual letters and symbols — a matter of typeface, size, weight, spacing and contrast. READABILITY is whether you can comprehend the whole message — a matter of wording, layout and hierarchy. A sign can be legible but unreadable (clear letters, muddled message) or readable in principle but illegible (good wording, too small to see). Signage must achieve BOTH, and they are designed by different means.[1]
Size & symbols
Letters are sized for the viewing distance — about 25 mm of cap height per 3 m. And pictograms must be standard (AIGA/DOT, ISO 7001), arrows unambiguous and consistent. Try the calculator to feel how size scales with distance.[2, 3]
Letter-height calculator · size follows viewing distance
Recommended cap height ≈ 85 mm
read at 10 mFor a wall directional sign in a corridor or lobby, letters want about 85 mm of capital height. Too small for the distance and the sign is invisible; needlessly huge is clumsy and costly.
Rule of thumb: about 25 mm (one inch) of cap height per 3 m (ten feet) of viewing distance for confident reading. Illustrative — exact figures depend on typeface, contrast and lighting.
The letter-height rule
Letters must be SIZED for the VIEWING DISTANCE. The rule of thumb: about one INCH (25 mm) of capital-letter height for every 3 METRES (10 feet) of viewing distance for confident reading — so a sign read across a 10 m hall wants roughly 80 mm caps, while a room sign read at a metre or two needs far less. A sign too small for its distance is invisible; one needlessly huge is clumsy and expensive. The calculator lets you feel how size scales with distance.[2]
Contrast is tonal
The single biggest factor in legibility is tonal contrast (light versus dark), not colour: many people can’t distinguish certain colours, and in poor light similar tones blur into one. Colour still helps — for coding and brand — but as a support, never the sole cue.[1]
Colour alone fails
The single biggest factor in whether a sign can be read is CONTRAST — and it must be TONAL (light versus dark / luminance), not merely colour. 'As long as the colours look nice' is a MYTH: many people cannot distinguish certain colours (colour-blindness), and in poor light colour differences vanish, so two colours of similar tone read as one blur. High tonal contrast — dark text on a light ground by day, light on dark for illuminated signs at night — is what makes a sign legible to everyone, including low-vision readers.[1, 2]
At a glance
| Aspect | The fact | The folklore |
|---|---|---|
| Legibility vs readability | Make out the letters vs comprehend the message — need BOTH | The same thing |
| The typeface | A CLEAR, OPEN sans-serif — legible at distance | Any nice font |
| Letter height | Sized for the viewing distance (~25 mm per 3 m) | Whatever fits |
| Pictograms & arrows | STANDARD (AIGA/DOT, ISO 7001) and unambiguous | Invented / ambiguous |
| Contrast | TONAL (light vs dark) — colour alone fails | Just nice colours |
| Colour's role | A SUPPORT (coding, brand) backed by text/pictogram | The sole cue |
Key terms
Legibility = making out the letters (typeface, size, contrast); readability = comprehending the message (wording, layout, hierarchy). Signage must achieve both.
A clear, open typeface — usually a sans-serif with generous spacing and open counters — that stays legible at distance and low light; decorative or condensed fonts fail.
Size letters for the viewing distance — about 25 mm (one inch) of cap height per 3 m (ten feet) of viewing distance for confident reading (an illustrative rule of thumb).
Familiar symbols from a standard set — AIGA/DOT (the 50 public-information symbols, from 1974) or ISO 7001 — understood instantly; invented icons are puzzles.
One clear direction per arrow, placed so it can't be misread, and consistent throughout — ambiguous arrows are a leading cause of wrong turns.
Light-versus-dark (luminance) contrast, the biggest factor in legibility — colour alone fails colour-blind and low-vision readers and vanishes in poor light.
Study task
Design one directional sign’s graphic system. Choose a clear, open sans-serif and justify it for legibility at distance. Decide the sign’s viewing distance and use the calculator to set the cap height. Pick a text-and-background pairing with high tonal contrast — then test it by converting to greyscale in your mind (or on screen): if the text still stands out in grey, the contrast is tonal, not just colourful. Add a standard pictogram and an unambiguous arrow. Finally, note where you use colour only as a support (a zone code) backed by text. The test is a sign a low-vision reader, and a reader at the far end of the space, can both read.
Self-assessment
1. How do legibility and readability differ?
2. What typeface suits signage?
3. How big should letters be?
4. What is the single biggest factor in a sign's legibility?
5. How should pictograms and arrows be used?
Recap
References & further reading
- [1]Typography and graphics for signage — legibility versus readability, typeface choice, tonal contrast and layout (Chris Calori & David Vanden-Eynden, Signage and Wayfinding Design; Andreas Uebele, Signage Systems and Information Graphics). https://segd.org/
- [2]Letter height and viewing distance, and type for low vision — the rule of thumb of about 25 mm of cap height per 3 m (one inch per ten feet) (signage legibility guidance; Time-Saver Standards). https://segd.org/
- [3]Standard pictograms and symbols — the AIGA/DOT public-information symbols (50 symbols, first 34 in 1974) and ISO 7001 registered public information symbols. https://www.iso.org/standard/77442.html
Further reading
- Andreas Uebele, Signage Systems and Information Graphics.
- Chris Calori & David Vanden-Eynden, Signage and Wayfinding Design.
- Rayan Abdullah & Roger Hubner, Pictograms, Icons and Signs.
Sources gathered and fact-checked June 2026. Published values vary by source, sample and method — treat as indicative and confirm against the cited standard before structural use.
The author
Amogh N P
Architect, interior designer, and creative polymath. Studio Matrx began in his notebooks — his vision of design made honest, useful, and open to everyone. Its Academy is written and taught in his memory, and free, forever.
More about Amogh →