Why Your Logo Needs Lockups: Horizontal, Stacked, and Icon.

A logo designed for one context eventually has to work in ten. The version that looks perfect centered on a white business card gets crushed into a 32-pixel favicon, squeezed onto a truck door, and stamped at the bottom of an invoice next to three other logos. A single mark asked to do all of that jobs badly at most of them. The fix is not a better logo — it is a family of logos, called lockups, each built for a specific use.

The three lockups every brand needs

A horizontal lockup pairs the mark and the wordmark side by side — this is the one that lives in your website header and email signature, where width is cheap and height is scarce. A stacked (or vertical) lockup puts the mark above the wordmark, built for square or tall spaces: social profile photos, signage, the cover of a one-pager. An icon-only mark drops the wordmark entirely and exists for the smallest spaces of all — app icons, favicons, a social media avatar where the name would be unreadable anyway. Most finished brand kits ship with light and dark versions of each, which doubles the count to six working files, not one.

What goes wrong without them

We regularly inherit brands with exactly one exported PNG, built once for a website header, that gets forced into every other slot by whoever is making a flyer that week. The wordmark gets squished to fit a square Instagram tile. The icon gets cropped out of the horizontal file and pixelates badly because it was only ever exported at a width meant for a banner. None of this is a design failure so much as a planning gap — nobody built the version that was actually needed, so someone improvised with the version that existed.

A brand with three well-built lockups looks more consistent than one with a single "good enough" logo forced into every shape.

Building a usage-ready set

When we build a brand, the lockup set is not an afterthought tacked onto logo delivery — it is specified up front, the same way a website spec lists pages before design starts. That means defining, before a single pixel is drawn, where each lockup will actually be used: website header, favicon, vehicle wrap, social avatar, letterhead. The shapes fall out of the use cases, not the other way around. We cover the companion piece — the one-page usage sheet that documents clear space and minimum sizes for each lockup — in its own post, because a lockup set without usage rules drifts out of shape within a year regardless of how well it was drawn.

File formats for each context

Every lockup should exist as a vector (SVG or EPS) for anything that will be resized or printed large, and as a set of pre-rendered PNGs at common sizes for drag-and-drop use in tools that choke on vectors. We walk through the full format question — SVG versus PNG versus PDF — in our logo files guide; the short version here is that a lockup set without vector source files is a lockup set you will have to pay to redraw the first time someone needs it bigger than it was exported.

Color and reversed versions

Each lockup typically needs at least three color treatments: full color for light backgrounds, a reversed all-white version for dark backgrounds and photos, and sometimes an all-black version for single-color printing like engraving or embroidery. Skipping the reversed version is a common gap — the first time someone needs the logo on a dark hero image or a black t-shirt, they either improvise a bad white version on the spot or just use the full-color mark on a background that ruins its contrast.

Organizing the delivered files

A finished lockup set is only useful if the files are named and organized so a non-designer can find the right one without guessing. A sensible folder structure groups by lockup type, then by color treatment, then by format — horizontal/full-color/logo-horizontal-color.svg, horizontal/reversed/logo-horizontal-white.png, and so on. We hand every client a folder like this rather than a single zip of oddly-named exports, because the goal of a brand kit is that someone three years from now, who never met the designer, can still find exactly what they need.

Lockups across physical materials

Print and physical branding — vehicle wraps, embroidered polos, engraved signage — often has its own constraints that digital never does: a single stitch color for embroidery, a minimum line thickness for vinyl cutting, a mark that has to read correctly at ten feet on a moving vehicle. Building these constraints into the lockup set from the start, rather than discovering them when a sign shop calls confused, saves a round of costly redraws later.

Icon marks and favicons specifically

The icon-only lockup deserves special attention because it gets used at the smallest sizes of any brand asset — a 32-pixel browser tab favicon, a 16-pixel notification badge. Fine detail that reads fine in a horizontal lockup often turns to mud at favicon size, which is why the icon mark is frequently simplified further than the full logo, dropping thin linework or secondary shapes that simply disappear at a glance. We generate a dedicated set of favicon and app-icon sizes directly from the icon lockup for every site we build, rather than scaling down the full horizontal logo and hoping it holds up.

When a stacked lockup isn't actually needed

Not every brand needs all six variants from day one. A service business whose primary presence is a website and a van wrap may only need the horizontal lockup and the icon mark, skipping a stacked version until a real use case — a trade show booth, a square social template — actually comes up. Building every possible lockup speculatively is less useful than building the ones a business will use in its first year and adding more as new needs appear.

Our branding work includes a full lockup set and usage sheet as standard, delivered as organized, labeled files rather than a loose folder of exports. If you have a logo but no lockups, that is a smaller, scoped project — tell us what you have and we will tell you honestly whether it is worth building on or starting fresh, lockups and all.

Done once, properly, a lockup set is an asset the business draws on for years without revisiting the question — which is the entire point of paying for it up front rather than patching individual sizes as problems appear one at a time.

Watch on YouTube: Branding — logo lockup variations designCurated search — opens the best current videos on this topic

Written by Rizwan Prasla, Spring Web Designer — the Houston studio behind 100 demo builds with zero repeats. When you’re ready: start a project or get your number in ten seconds.