The logo variations every brand needs come down to a small, deliberate set: a primary lockup, a stacked version, a standalone icon, and a reversed treatment for dark backgrounds. Most teams design only the primary and then improvise the rest under deadline, which is how a logo ends up cramped in a square avatar or invisible on a black hero section. Build the full set once, store it where every layout can reach it, and the logo always fits the space it lands in.
Why one logo is never enough
A logo does not live in one place. It sits in a wide website header, a tiny browser favicon, a square social avatar, a vertical app splash, a printed business card, and a watermark in the corner of a video. Each of those has a different shape and a different background, and a single horizontal lockup cannot serve all of them. Force it to, and you get the familiar failures: a wordmark shrunk until it is unreadable, an icon stretched to fill a banner, a dark logo that vanishes on a dark photo.
Variations are not decoration. They are the same identity engineered for different containers. The goal is that whatever the space. There is a correct version that drops in cleanly, so nobody has to bodge the primary file at 11pm.
The core set every brand should have
Start with these four. They cover the overwhelming majority of real placements.
- Primary (horizontal) logo. Your default lockup, usually the icon and wordmark side by side. This is what goes in a website header, an email signature, and the top of a document. It reads best in wide, generous spaces.
- Stacked logo. The same elements arranged vertically, icon above wordmark. Use it when the space is more square than wide: a social profile header, a centered hero, a sponsor wall, packaging.
- Icon / logo mark. The symbol alone, no wordmark. This is your small-space and standalone workhorse: the favicon, the app icon, the social avatar, the video watermark. It only works if your mark is recognizable without the words, which is exactly why you design and test it on its own.
- Reversed (knockout) logo. A light or white version for dark backgrounds. A logo built for white paper disappears on a black section or a dark photo; the reversed treatment keeps you visible and legible everywhere.
Get these four right and you can handle nearly any layout. The next tier extends the range.
The extended set, when you need it
- Monochrome (one-color) version. A single solid color, black, white, or one brand color, for situations where full color is unavailable or inappropriate: faxed forms, single-color print, engraving, embossing, a partner's grayscale footer.
- Clear-space and minimum-size specs. Not a file but a rule: how much breathing room surrounds the logo and how small it is allowed to go before it breaks. These guardrails belong with the files; our guide to logo clear space and safe zones covers how to set them.
- Favicon / app-icon crop. A purpose-cropped version of the mark tuned for very small sizes, where fine detail turns to mush.
- Responsive simplifications. A slightly reduced-detail mark for tiny placements, so intricate elements do not disintegrate.
You do not need every one of these on day one, but knowing they exist keeps you from torturing the primary file when an odd placement appears.
File formats: vector first, raster where needed
Each variation should exist in the right format. As a rule, keep a vector master (SVG) for anything that scales, web, print, large format, and export raster versions (PNG with transparency) for fixed-size placements and quick drops. The trade-offs are worth understanding before you standardize, and we lay them out in SVG vs PNG logos. The short version: vector for flexibility and crispness at any size, PNG for a transparent raster you can paste anywhere without a design tool.
Store every version in one brand kit
Having the variations is half the battle; the other half is that the right one is reachable at the moment of layout. This is what CoreReflex's Brand pillar is for. A brand kit stores every logo variation, primary, stacked, icon, reversed, monochrome, alongside your colors and type, as one source of truth the whole platform reads from.
The payoff shows up across every pillar. When you build a square social card in Image Studio, the stacked or icon version is right there. When you add a logo watermark to a video, the reversed mark is one click away so it stays visible over dark footage. When you produce a slide deck, the correct lockup pulls automatically. Because all of this binds to the same kit, your logo shows up correctly without anyone hunting through a shared drive for the file named logo_FINAL_v3_real.png. That single source is also what makes brand consistency enforceable rather than aspirational, and you can browse more of these foundations in our brand library.
How to keep the set from rotting
Logo files famously decay, versions multiply, the wrong one circulates, someone re-traces the mark badly. A few habits keep the set clean:
- One canonical home. Store the variations in the brand kit, not in a folder, an email thread, and three designers' desktops. If there is one place, there is no "which one is current."
- Name by role, not by version.
logo-primary,logo-stacked,logo-icon,logo-reversedtells anyone exactly when to reach for each. Cryptic version numbers do not. - Pair files with rules. Clear space, minimum size, and the do-not-do list belong next to the files. Following the logo do's and don'ts prevents the stretching, recoloring, and re-spacing that quietly wrecks a logo.
- Update everywhere at once. When the logo evolves, replace it in the kit and let every layout that references it inherit the change, rather than chasing down every placement by hand.
Frequently asked questions
What logo variations does a brand need?
At minimum, four: a primary (horizontal) lockup for wide spaces, a stacked version for square spaces, a standalone icon for small or standalone placements, and a reversed (light) version for dark backgrounds. A monochrome one-color version is a strong addition for print and constrained situations. Together these cover almost every real placement.
When should I use a logo mark vs the full logo?
Use the full lockup when there is room and when audiences may not yet recognize you, website headers, documents, first impressions. Use the standalone mark when space is tight or the context already establishes who you are, favicons, app icons, social avatars, and video watermarks. The mark only works alone if it is recognizable without the wordmark, so test it on its own.
What file formats should each logo variation be in?
Keep a vector master (SVG) for anything that needs to scale across web and print, and export PNG versions with transparent backgrounds for fixed-size and quick-drop placements. Vector stays crisp at any size; PNG is the easy raster you can paste anywhere.
How do I keep all my logo versions in one place?
Store them in a brand kit rather than scattered folders. In CoreReflex the Brand pillar holds every variation alongside your colors and type, and every other pillar, image, video, slides, reads from that single kit, so the correct version is always reachable and updating the logo updates it everywhere.
Build the set once, never scramble again
The logo variations every brand needs are a small, finishable set, primary, stacked, icon, reversed, plus a monochrome backup, and their power comes from being stored where every layout can reach them. Design them once, file them in your brand kit, and the logo always fits. Start free with no credit card and set up your kit so the right logo shows up on its own.