Your logo does not have one size. It has a 16-pixel favicon, a 32-pixel app icon corner, a business card, a website header, and, if things go well, the side of a building. Most logos are designed for exactly one of these, the slide where it gets approved, and then improvised everywhere else. Responsive logo design is the discipline of deciding, in advance, what survives at each size, so nobody ever has to improvise.
One mark, four sizes
The practical system is a ladder of simplification, and four rungs cover almost every brand:
- Full lockup. Symbol, wordmark, maybe a tagline. For headers, documents, anywhere space is generous.
- Standard. Symbol and wordmark, tagline dropped. The everyday version.
- Compact. Symbol with abbreviated or stacked text, or wordmark alone. For narrow spaces and small print.
- Glyph. The symbol alone, or a single letter. Favicon, app icon, avatar, watermark.
Each rung is designed, not shrunk. Details thicken, spacing opens, the tagline disappears entirely rather than becoming decorative dust. The test for every rung is the same: could someone identify the brand from this version alone? If the glyph only works because you already know the full lockup, it is not a glyph. It is a souvenir.
Zero improvisation is the actual feature
The point of the ladder is not elegance. It is that improvisation is where brands dissolve. When there is no compact version, an intern crops one. When there is no glyph, the favicon becomes a shrunken wordmark, which at 16 pixels reads as lint. Every one of these improvisations is locally reasonable and globally corrosive, and none of them happen if the ladder exists and lives in the brand kit with clear rules about which size triggers which version.
A responsive logo system is a list of decisions made once, so they are never made badly a hundred times.
Build it backwards
Here is the uncomfortable order of operations: design the glyph first. The smallest version is the hardest test and the one your customers see most often, in the browser tab and the home screen. If your distinctive feature survives at 16 pixels, it will survive everywhere. If it only exists at billboard scale, you do not have a distinctive feature. You have a mural.