Logo design is only finished when the mark still works where it will actually live. That means a 16-pixel browser tab, one flat colour, thread or foil, on-screen motion, a row of partner logos, and people who never met the designer. Good logo design passes all six of those tests. A mark that only works in the presentation starts to break the first time someone else uses it.
A logo is the compact mark, wordmark or combination of the two that identifies a business wherever its full name cannot be spelled out.
Most logo presentations show the mark at around 400 pixels, centred, on white. That is the one context in which it will almost never appear. The real test starts after the handover: a stitched polo shirt, a sticker on a curved bottle, someone’s slide deck at 9pm.
Before I call a mark done, I run it through the same six real-world tests:
- Size: it still reads at favicon scale.
- One colour: it holds its shape in solid black and in solid white.
- Material: it survives thread, foil, embossing and etching.
- Motion: it can animate and come to rest cleanly.
- Company: it holds its own in a row of other logos.
- Other hands: it stays correct when a non-designer applies it.
What size does a logo need to work at?
A logo needs to work as small as 16 by 16 pixels, the usual size of a favicon in a browser tab [MDN]. For a lot of brands, that tiny square is one of the most frequently seen versions of the mark.
At that size, detail turns to mud. Thin strokes disappear, counters fill in, and anything clever collapses into a grey smudge. Apple’s icon guidance warns that extremely thin line weights and sharp corners lose detail and crispness at smaller sizes [Apple HIG].
This is why a logo suite needs a submark. The primary mark physically cannot do that job. If the identity has no small-size version, someone will make one badly, and it will be the version everyone sees.
The same squint test applies to book covers that have to read as thumbnails. It applies to a brand’s website too, where the favicon and social avatar live at icon size.
Does a logo need to work in one colour?
Yes. A logo has to read in solid black, and in solid white knocked out of a dark background, with no gradient or second colour carrying the shape. Even the US trademark office requires that a mark be depicted only in black and white when colour is not claimed as a feature [USPTO, 2026].
One-colour reproduction exposes borrowed structure. If the mark only reads because a lighter shape sits on a darker one, it fails the moment someone engraves it or prints it on a receipt.
The one-colour version is not a fallback for cheap jobs. It is the proof that the shape itself is doing the work.
What happens when a logo is embroidered, embossed or etched?
Physical production sets hard limits that a screen never does, so fine details either clog or vanish. In embroidery, narrow satin columns can push stitch density too high, and the needle penetrations damage the fabric [Wilcom].
Embossing has a minimum relief. Etching, vinyl cutting and foil all have their own floors, and none of them care how the file looks on screen.
Any mark going onto a uniform, a menu or a bottle will eventually meet a machine with physical limits. Checking early is much cheaper than redrawing after the client has quoted a supplier. I cover the wider version of this in what changes when a design has to be manufactured. It is also why the Skinhance identity and packaging suite was built to scale across a whole product range.
What does motion reveal about a logo design?
Motion reveals whether a mark has an internal structure. A logo assembled from unrelated parts falls apart when you bring those parts in separately, because there is no logic to animate along.
Motion also brings rules a static mark never faces. Under WCAG, some moving content needs a way for people to pause, stop or hide it: anything that starts automatically, lasts more than five seconds and runs alongside other content [W3C]. Browsers can also detect when someone has turned on a device setting to minimise non-essential motion [MDN]. So every animated logo needs a clean resting frame that works on its own.
I do a lot of motion work alongside identity, including rule-breaking 2D pieces like Anti-Design, and it has changed how I approach logo design for static marks. If I cannot describe how the logo would build itself on screen, the geometry underneath is usually weaker than it looks.
How should a logo look next to other companies’ logos?
It should look like an equal: optically similar in weight to its neighbours, with enough clear space that nothing crowds it. Sponsor walls, partner pages and co-branded packaging all put it in a row of logos never designed to flatter it.
A mark much heavier or lighter than its neighbours looks either aggressive or apologetic. Clear-space rules exist for this exact situation. Apple sets the minimum clear space around its App Store badge at one quarter of the badge’s height [Apple]. Rules like these belong in written guidelines, not in the designer’s head.
How do you keep a logo consistent when other people use it?
You hand over a system, not a file: a logo suite, a type hierarchy, a specified palette and guidelines that show misuse as clearly as correct use. This is the test that decides whether the identity survives its first year.
After handover, the person applying the logo is usually not a designer. It is an office manager building a slide deck, or a supplier laying out a form. If correct usage lives only in the designer’s judgement, the brand drifts: wrong colours, squashed proportions, four typefaces nobody chose.
The problem is common. Marq, a brand templating platform, reports that 77% of marketing leaders see off-brand content in the wild [Marq, 2026].
Drift like this is one of the signs a brand is quietly costing a business clients. Guidelines also record decisions about who the brand is for, a split I unpack in brand identity vs brand strategy.
How Sabrina Awdi builds logos that pass all six tests
I’m Sabrina Awdi, a brand and web designer for women-owned businesses based in Jacksonville, FL, with over 4 years of global experience. I build visual identity systems for brands in beauty, food and beverage, software, publishing and professional services, for clients across the US, Europe and the Middle East.
My Brand Identity Systems service treats logo design as one part of a full system of logo, type and palette, delivered with clear brand guidelines.
You can see this in the Bella Tia Salon identity, which shipped with brand guidelines, a website and sample collateral. Literature & Code shows the same thinking as a minimalist visual system for a software company. More are in the case study portfolio.
Outside Jacksonville, the same work is available across Northeast Florida: brand identity design in St. Augustine, Ponte Vedra Beach, Jacksonville Beach, Orange Park and Fernandina Beach.
Frequently asked questions
How many versions of a logo does a small business need?
Most small businesses need four working versions: a primary logo, a secondary or stacked layout, a compact submark or icon, and one-colour versions in black and in white. The primary mark handles headers and signage. The secondary layout fits narrow or tall spaces. The submark covers favicons, social avatars and embroidery. The one-colour files cover stamps, engraving and dark backgrounds. More versions than that tend to create confusion rather than flexibility. Name each one clearly in the guidelines, with a note on where it belongs.
What file formats should I get with my logo?
Ask for vector master files plus ready-to-use exports. Vector formats such as SVG, EPS or PDF scale to any size without blurring, so printers, sign makers and embroiderers can work from them. PNG files with transparent backgrounds cover everyday use on websites, slides and social media, and a website also needs a small favicon set. Each format should come in full colour, black and white. If all you have is a single JPG, every future supplier has to trace the mark, and each copy drifts further from the original.
How can I test my own logo before approving it?
Run a quick version of the six tests yourself. Shrink the mark to the size of a browser tab icon and check whether you still recognise it. Print it in solid black on plain paper. Place it in a row with five other logos at the same height and see whether it looks too heavy or too faint. Ask a colleague who has never seen the brief to put it on a slide without instructions. Each check takes minutes and catches problems a polished presentation board will hide.
Is a simpler logo always better?
Not always, but simpler marks pass more of the real-world tests. Every extra line, gradient or small detail can fill in at favicon size, vanish in thread, or fall apart in one colour. A detailed illustration can work as a primary mark on packaging or signage, as long as the identity also includes a reduced version for small and single-colour use. The goal of logo design here is not minimalism for its own sake. It is making sure the version people see most often still carries the brand.
The mark is the smallest part
A logo is the most visible thing an identity produces and the least of what it actually is. What makes it hold up is the structure around it, most of it decided long before anyone approves a shape.
If you want a mark built to pass all six tests, tell me about your brand and we can start with where your logo will actually live.
Sources
- MDN Web Docs. Favicon: Glossary.
- Apple. Human Interface Guidelines: App icons.
- U.S. Patent and Trademark Office (2026). TMEP 807.05: Drawings in Electronic Applications.
- Wilcom. EmbroideryStudio: Apply satin stitch with auto spacing.
- W3C. Understanding Success Criterion 2.2.2: Pause, Stop, Hide.
- MDN Web Docs. prefers-reduced-motion.
- Apple. App Store Marketing Guidelines.
- Marq (2026). 2026 Global Brand Management: 7 Frameworks to Scale Worldwide.