A Logo Mockup — How to Present a Mark So It Gets Approved
The designer sent the logo on a white background, the client nodded: "great, approved" A month later the mark was printed on a sign — and it got lost, "drifted" in color, and turned out unreadable from three meters. A familiar story, and the reason isn't the logo's quality but that it was approved in a vacuum. On a white background any mark looks neutral. But it lives not on a white background — it lives on a sign, a mug, a phone screen, and a T‑shirt.
The bridge between "a sketch on white" and "how it'll look in reality" is a mockup. Let's break down what a logo mockup is, why both sides need it, and how to present a mark honestly rather than flatteringly.
What a mockup is and why it's needed
A mockup is a realistic image of how a logo will look on a real medium: on a building sign, packaging, a business card, an app screen, a T‑shirt. Essentially it's trying the mark on real life before it enters that life.
Why it's needed:
- For the client — to understand. An abstract mark on a white background is hard to judge. But the same mark on a photo of a sign or mug instantly becomes clear: "ah, that's how it'll be"
- For the designer — to get approval. A mockup sells the idea: it shows the mark in a context where its strength is visible and removes half the questions before revisions. It's a continuation of the same conversation as the logo brief.
- For both — to check. A mockup exposes problems in advance: the mark doesn't read small, gets lost on a dark background, doesn't fit the square of an avatar.
Types of mockups
A mockup is worth choosing to fit where the mark will really live — so the presentation answers real questions, not invented ones.
- Sign and outdoor — a check on readability from afar and at large size; this ties to print.
- Packaging and merch — how the mark lies on a box, T‑shirt, mug; the rules from a logo for merch help here.
- Screen and app — the mark in an interface, on a button, as a favicon; a check on small size and adaptability.
- Business card and documents — a business environment, a strict context.
- Social — avatar, cover, marketplace card.
A mockup's most valuable role is not to impress but to find problems before release. Put the mark on a dark background, shrink it to a favicon, overlay it on a busy photo — and the weak spots surface on their own. Better to see that a logo "falls apart" on packaging in a mockup than on a run of a thousand boxes.
Where a mockup turns into deception
A mockup has a dark side. A beautiful photorealistic scene is so convincing that it's easy to "sell" a weak mark with it — and that creates problems later.
- Don't hide weaknesses with scenery. If a mark holds together only on a striking photo of an expensive café but is nothing on its own — the problem is in the logo, and the mockup only masks it.
- Show real conditions. If the mark will go to cheap single‑color printing, don't present it only in gold foil on black velvet. Show the "combat" conditions too — small size, the black-and-white version, a dark background.
- Don't distort proportions and color. A mockup should show the mark as it will be, not "improved" Otherwise the client faces disappointment on the real medium.
How to make a good mockup
- Keep the logo in vector. To insert the mark into any mockup without quality loss you need SVG — it stays crisp on a business card and a billboard alike. Why not raster — in vector vs raster.
- Choose scenes to fit the brand's reality. A café — a cup and a sign, an app — a screen, a marketplace store — a card.
- Show several contexts. One mockup persuades, a set of light, dark, and small proves the mark works everywhere.
- Add a "stress test" One slide with the harshest conditions (small size, one color) is more honest than any glossy scene.
- Don't forget a transparent background. So the mark lies on any surface without a white rectangle.
The bottom line
A logo mockup is trying the mark on real life — a sign, packaging, a screen — instead of judging it in a vacuum on a white background. Everyone needs it: the client to understand, the designer to get approval, both to find problems in advance like unreadability at small size or on a dark background. Choose mockups to fit the places the mark will really live, keep the source in vector, and be sure to show not only glossy but also "combat" conditions. And remember the honest rule: a mockup should reveal a strong logo, not mask a weak one.
You can download logos in SVG for your mockups and presentations in the Trace Logo's catalog.