Logo variations are the alternate arrangements of one logo, built so the same mark works in a wide space, a tall space, a tiny square, and a single color. Most small businesses are handed exactly one file and then spend two years fighting it, squeezing a wide logo into a round profile picture and wondering why the brand looks amateur everywhere it appears.
A logo is not one image. It is a small set of logo variations that all read as the same business. Here is what that set contains and how to tell whether yours is complete.
What Logo Variations Are, and What They Are Not
Logo variations are different layouts and color treatments of the same design. They are not different logos, and they are not file formats. That last distinction trips people up constantly.
File formats are the container: SVG, PNG, EPS, JPG. We covered which logo file types you need and when separately. Variations are the arrangement inside that container. You need both, and having ten formats of one arrangement solves nothing when you are staring at a square avatar field.
The rule that keeps variations from turning into a rebrand: the mark itself does not change. The proportions, the spacing, and the color can change. The letterforms and the shapes cannot.
The Five Logo Variations Every Small Business Needs
Five logo variations cover almost every place a small business logo has to appear. If your package has these, you will rarely be stuck.
1. The primary logo
This is the full, preferred version with everything in it: the mark, the business name, and a tagline if you use one. It is the default, and it belongs anywhere you have room to show the brand properly. Every other variation is derived from this one.
2. The horizontal lockup
A wide, short arrangement built for website headers, email signatures, and letterheads. Website navigation bars are short and wide, so a tall primary logo either shrinks to unreadable or forces the header taller than it should be. The horizontal version is the one that fixes most website problems people blame on their web designer.
3. The stacked version
The opposite arrangement, with the mark above the name rather than beside it. Stacked layouts fit narrow spaces: a phone header, a vertical banner, a truck door, the back of a shirt. If your primary logo is already stacked, this variation is the horizontal one instead. You need both shapes regardless of which is the default.
4. The submark or icon
Just the mark, with no words, built to survive at very small sizes. This is your favicon, your social profile picture, your app icon, and your watermark. Google’s guidance is that a favicon “must be a square (1:1 aspect ratio) that’s at least 8x8px” and recommends going larger than 48x48px so it holds up across different surfaces.
If your business name is genuinely short, an abbreviation or a single letter can serve here. What cannot serve is your full primary logo scaled down until the words become gray fuzz.
5. The one-color version
A single-color rendering, usually solid black, that still reads correctly when nothing but shape is available. Embroidery, engraving, a rubber stamp, a fax-quality scan, a one-color print job, and a vinyl decal all need this. Gradients and thin outlines that look sharp on screen fall apart the moment a machine has to reproduce them.
The Color Treatments Your Logo Variations Need
Each of the five layouts should exist in three color treatments: full color, solid black, and reversed white for dark backgrounds. That multiplies out to fifteen files, which sounds excessive until the first time somebody drops your dark logo onto a black section.
Google makes the same point from the search side. Its structured data guidance for an organization logo tells you to “make sure the image looks how you intend it to look on a purely white background,” specifically because a mostly white or gray logo disappears there. Whatever background you cannot control is the one your logo variations have to survive.
Contrast rules give you unusual freedom here, and it is worth knowing why. The W3C’s guidance on Non-text Contrast exempts brand marks outright, noting that “the brand logo of an organization or product is the representation of that organization, and is often presented in the brand’s specific colors; it is therefore exempt.” Your logo does not have to pass a contrast ratio. The button next to it does, and if the logo is also a clickable link, a higher-contrast version is the better choice anyway.
Where Each of the Logo Variations Actually Gets Used
- Website header: horizontal lockup, full color, with the reversed version ready for dark sections.
- Favicon and social avatars: submark, in a square, tested at the size it will actually display.
- Email signature: horizontal lockup, small, on white.
- Invoices and proposals: primary or horizontal, full color.
- Vehicle and signage: whichever shape matches the space, plus the one-color version for cut vinyl.
- Apparel and promotional items: one-color and stacked, because embroiderers and printers ask for both.
- Video and presentations: reversed white submark in a corner.
Write these pairings down. The reason logo variations fail in practice is almost never that they do not exist. It is that nobody documented which one goes where, so whoever is building the flyer at four in the afternoon uses whatever file is closest.
How to Tell Your Logo Package Is Complete
Run this check against whatever you were handed. Five layouts, three color treatments each, every one supplied in both a vector and a web-ready raster format. Clear space and minimum size documented for each. A written rule for which version goes where.
If any of that is missing, the gap belongs in your brand style guide rather than in someone’s memory. And if you are commissioning a logo now, ask for the full set of logo variations in writing before the work starts, because retrofitting them later means paying attention to a design decision that was already made once.
One last caution. Logo variations are layout changes, not redesigns. Redrawing the mark to fit a space is how a business quietly ends up with two logos, which weakens recognition and complicates any trademark position you have built. That is a different project with different consequences, and it is worth reading about the ownership questions around a logo before you let a mark drift.
Frequently Asked Questions About Logo Variations
How many logo variations do I actually need?
Five layouts cover almost everything: primary, horizontal, stacked, submark, and one-color. Each should exist in full color, solid black, and reversed white. Smaller businesses can start with the horizontal lockup and the submark, then add the rest as signage, apparel, or print work comes up.
What is the difference between a logo variation and a submark?
A submark is one specific type of variation. It is the mark alone, without the business name, built for small square spaces like favicons and profile pictures. The wider term covers every alternate arrangement, including horizontal lockups, stacked versions, and single-color renderings of the same design.
Can I make logo variations myself?
Recoloring an existing vector file is straightforward if you have the source artwork. Rearranging the elements into a new lockup is a design decision involving spacing and proportion, and getting it wrong is visible immediately. If you only have a flat image file, you cannot produce clean variations from it at all.
Do logo variations hurt brand recognition?
Not when they are genuine variations. Recognition comes from consistent shapes, colors, and letterforms, all of which stay identical across a proper set. What damages recognition is a mark that gets redrawn or restyled for different uses, which reads to customers as two separate businesses.
What size should my favicon submark be?
Google requires a square image of at least 8×8 pixels and recommends larger than 48×48 pixels so it renders well across surfaces. Supply it well above that minimum, keep the file URL stable, and check the design at actual display size, because detail that reads at full size vanishes there.
Get a Logo Set That Works Everywhere You Need It
A complete set of logo variations is the difference between a brand that looks deliberate and one that looks improvised. Our guide to small business branding covers how the mark fits with type, color, and voice, and our logo design and branding work delivers the full set rather than a single file. If you are looking at one logo file and a list of places it does not fit, send us what you have and we will tell you what is missing. For more brand fundamentals broken down like this, subscribe to the Demur Design newsletter in the footer below.
This article is researched and drafted with AI, then reviewed, fact-checked, and published by Demur Design.
