Somewhere between the presentation and the handoff, a good logo can lose its composure. The mark that looked confident on a large monitor turns into a grey smudge in a browser tab. The wordmark sits beautifully on white and vanishes when it's reversed out of a photograph. The client asks, for the fourth time, for "the file with the transparent background". None of these are artistic failures. They are handoff failures — small, dull, entirely avoidable ones. Here are the mistakes that surface again and again, and the fixes worth making before you zip anything up.

Scalability: the test that catches most problems

A logo has to survive a 16-pixel favicon and a six-metre shopfront. Most designs are drawn at whatever size happens to be comfortable in the software, judged there, and never properly tested at the extremes. That is where the trouble starts.

Start with the small version

Draw the mark at 16 or 20 pixels first, before you add any detail. If the concept doesn't read at that size, the concept needs work, not the file. Anything that depends on a hairline stroke, a subtle notch or a two-pixel gap will disappear the moment it's scaled down, and no amount of exporting will rescue it.

Simplify rather than shrink

The fix is rarely "make it smaller". It's drawing a second, deliberately simplified version for small use: thicker strokes, fewer internal details, a little more space between elements. Then note in your handoff which version applies where. A workable rule is to switch to the simplified mark below a set width — for example, under 40 pixels in digital use — and use the full version above it.

Test the awkward cases early, because clients will find them:

• stamped or embossed at 10mm
• embroidered on a polo shirt
• etched into glass or cut from vinyl
• printed one-colour on a kraft envelope

If a version can't survive any of these, say so in the guidelines rather than leaving a printer to guess.

Contrast and legibility

Half of all logo problems are really contrast problems. Convert the artwork to greyscale and look at it. Then check the reversed version on a mid-tone background, not just on black. If the mark dissolves, you need a heavier weight, more space between shapes, or a defined alternative.

If a logo needs a drop shadow to stay readable at small sizes, the shadow is doing the work — and it won't travel well.

Practical fixes: produce a black version and a white version of every lockup as standard; write down which backgrounds each one is approved for; and avoid placing the logo on busy photography unless you also supply an outlined or backed-up variant. Rules like these take ten minutes to document and save hours of back-and-forth.

Colour choices that cause trouble later

Gradient-heavy logos, and logos built from three or four closely related tints, are the hardest to reproduce anywhere other than on screen. They look lovely in a mockup and turn muddy in single-colour print, in small ads, or on textured stock.

• Define one primary colour and no more than two accents.
• Supply a single-colour black and a knockout white version of every layout.
• Provide CMYK builds you have actually looked at, not a converted value you hope behaves.
• Keep a note of any spot colour reference in use, and be upfront that screen, digital print and litho will all differ.

If the identity will be printed at any scale and you're unsure about matching, ask the printer before you lock the palette in. They will tell you what's realistic far more reliably than a conversion table will.

Missing formats: what actually gets asked for

Nothing creates more friction than a folder containing one JPEG. Clients, printers and developers all need different things, and they tend to ask on a Friday afternoon.

• Master vector files — AI, EPS or SVG, with text converted to outlines where appropriate, plus an editable version if you've agreed to one.
• PDF — vector, print-ready, with clean and reversed versions.
• PNG — transparent background, in small, medium and large sizes for digital use.
• JPEG — on white, for the times someone just needs to drop it into a document.
• SVG — for the web, kept tidy with a sensible viewBox and no stray metadata.
• Favicon PNGs at 16, 32 and 48 pixels.

Name the files so a stranger can find what they need without opening anything. "ClientName_logo_primary_black.svg" beats "logo final v3 USE THIS.ai" every time.

Typography, spacing and the geometry nobody checks

Tracking that looks right at display size often looks loose when the wordmark shrinks, so letter-spacing may need tightening at small sizes and opening up at large ones. Check that the gap between symbol and wordmark is fixed at one value, rather than eyeballed separately in each file — inconsistencies like that are what make a brand look slightly off without anyone being able to say why.

Curves next to straight edges create optical weight problems. A circle sitting beside a square will look smaller even when the two measure the same, so nudge it. Optical alignment beats mathematical alignment almost every time.

Then define a clear space rule expressed in terms of part of the logo — the height of a letter, the width of the symbol — so it scales with the artwork instead of breaking at a different size. Add a short misuse page: no stretching, no rotating, no recolouring, no shadows or bevels. People follow rules that are written down; they rarely follow ones that were only mentioned in a meeting.

Your pre-handoff checklist

Run through this before you send anything and you'll delete most of the follow-up emails.

1. View the mark at 16px, at 1cm, and at full size. Fix whatever fails.
2. View every lockup in greyscale and reversed on mid-grey.
3. Confirm a black and a white version exist for each layout.
4. Open every exported file and check it's the current version, not last week's.
5. Check the vector files contain no live text unless the client needs it editable.
6. Cut the favicons and view them in an actual browser tab.
7. Write clear space, minimum size, colour and misuse rules into a single-page guide.

The work you do in the hour before handoff is invisible in a portfolio and very visible everywhere else. A logo that still reads on a business card, a browser tab and a shopfront is the one that lasts — and the client will remember you as the person who thought about it.

Photo: picjumbo.com / Pexels