An identity system works well not when it looks good at presentation size, but when it is still recognizable at the smallest size and still holds together at the largest. The secret lies in two things: a distinctive shape strong enough to be recognized even without detail, and proportions designed for each size threshold, rather than a single version scaled freely.
In this article · 6 sections
Most logos are presented and approved at a single size: comfortable to view, with enough visible detail, and well balanced on screen. But that is not where a logo actually lives.
A logo lives on a browser tab, 16 pixels wide. A logo lives on a storefront sign, three meters tall.
These two places pose two completely different problems, and a single design cannot simply scale itself to pass both.
Size is not a number, it is a perceptual threshold
The human eye does not read images on a linear scale. When an image is large enough, the brain recognizes each detail. When the image shrinks below a certain threshold, the brain switches to recognizing the overall shape.
Research by Lindgaard and colleagues, published in 2006 in Behaviour & Information Technology, shows that a visual impression forms within 50 milliseconds.
In that span of time, the brain does not read details, it reads shapes.
This means a logo needs a shape strong enough to be recognized instantly when no detail is left. That is the minimum condition for surviving at the small end of the size scale.
The small-end challenge: favicons and minimal symbols
A favicon is a square of 16x16 or 32x32 pixels. At that size, an ordinary logo is left with almost nothing: the lettering blurs, thin lines disappear, and the white space fills in.
The simplest test: shrink the logo to 16px and view it from 50cm away. If you do not recognize it right away, your customers will not either.
The solution is not to shrink further but to redesign for that threshold. Specifically:
- Keep a single shape and drop every decorative detail.
- Increase contrast: light on dark or the reverse, and avoid neutral tones.
- Avoid strokes thinner than 2px at the final export size.
- If the logo contains text, keep a single letter or an abbreviation rather than trying to hold on to the full name.
Many major brands use a favicon that is quite different from the full logo. Customers still recognize them because the core shape stays consistent across versions.
Identity assets only accumulate through consistent repetition. Consistency is the mechanism of memory, not of aesthetics.
Jenni Romaniuk & Byron Sharp, Building Distinctive Brand Assets
The large-end challenge: signage and load-bearing structures
In the other direction, a 10-meter sign magnifies details that were never designed to be seen.
Curves that are not smooth enough look jagged. Thin strokes look unstable and shaky. The space between elements is no longer balanced when enlarged ten times.
The problem here is entirely different: it is not about minimalism but about a structure that bears load.
The logo needs decisive lines, controlled proportions at large sizes, and elements heavy enough not to be swallowed by the surrounding space.
A few practical checkpoints:
- Print it at actual size on paper before you hand the file to the sign maker. Screens don't tell the truth at large scale.
- Test the logo in real lighting conditions: daytime sun, evening lights, reflections.
- Consider both cases: the logo standing alone on a flat background, and on a background with patterns or space around it.
- Lettering on signage needs wider letter-spacing (the gap between characters) than it does on screen.
A multi-version system, one core shape
The solution is not to design many different logos. It is to design a system of multiple versions, all sharing the same core shape.
Paul Rand, who designed the IBM and UPS logos, once said that a good symbol must be recognizable from a distance, at a glance, or in poor conditions.
It's a practical test, not an aesthetic criterion.
The core shape is what remains when you strip away all color, detail, and text. If what remains is still recognizable, the system has a solid foundation.
Otherwise, every version is just a variation of a problem that has not been solved.
Design principles by threshold, not by proportion
The most common mistake: handing over a vector file and saying "scale it freely." Vector allows enlargement without losing sharpness, but it does not solve the problems of proportion and perception.
Designing by threshold means each size range is considered on its own:
- Below 32px: a single symbol only, two colors at most, no thin strokes.
- 32px to 120px: a simplified version, which can keep an abbreviated name or part of the logo.
- 120px and above: the full version with text and all details.
- Physical signage: a dedicated version, tested in practice at actual size.
Brand guidelines (the document that explains how to use the brand) need to state this threshold clearly, not just list “use the full logo when possible.”
Check before you hand off files
Sinh Vũ checks every identity against three conditions before delivery:
One. Print every version at actual size and view it at normal reading distance and from more than three meters away.
Two. Open the favicon in a real browser, next to other tabs, not inside the design file.
Three. Simulate different lighting conditions: a dark screen, printed paper, outdoor light.
A logo that hasn't passed these three steps isn't a finished system, however polished the presentation file looks.
A brand does not live in the design file. It lives where customers see it, and there it must stand on its own.
References
Jenifer Tidwell, Designing Interfaces. Ellen Lupton, Thinking with Type. Jen Simmons, Intrinsic Web Design (Mozilla). Romaniuk & Sharp, Building Distinctive Brand Assets. Paul Rand, A Designer’s Art. Material Design 3, Google (material.io). Lindgaard et al., Behaviour & Information Technology, 2006.