A QR code in brand colours with a logo looks more trustworthy, stands out more and gets scanned measurably more often. But every design decision costs readability. This guide shows how to get both — a code that looks like your brand and still works reliably on every device.
Why branding your QR code pays off
An anonymous black-and-white square could come from anyone — a code in your colours with your logo instantly signals: this belongs to this brand, this is trustworthy. Precisely because QR code fraud (quishing) is on the rise, visual trust is becoming scan factor number one.
The safety net: understanding error correction
QR codes have built-in error correction — they still work even when part of the pattern is missing or covered. There are four levels:
| Level | Corrects up to | Suitable for |
|---|---|---|
| L | 7 % | Clean digital display, no logo |
| M | 15 % | Standard print without logo |
| Q | 25 % | Small logo, rough environments |
| H | 30 % | Logo in the code — always choose level H |
The rule: as soon as a logo covers parts of the code, error correction belongs on level H. The logo itself should still cover no more than about 20 percent of the area — error correction is a safety net, not a licence.
Colours: the contrast rules
- Dark on light — always: Scanners look for dark modules on a light background. A white code on a dark background (inverted) fails on many devices.
- Contrast of at least 40 percent: Dark blue on white works. Light yellow on white is invisible — to scanners and humans alike.
- Careful with gradients: Colour gradients are possible, but must never become too light at any point. When in doubt: keep both gradient colours dark.
- Background light and calm: White or a very light brand colour. Never place patterns or photos behind the code.
The quiet zone: the underrated margin
Around the QR code belongs a clear, light margin — the so-called quiet zone. The standard requires a width of at least four modules. If the code sits too close to text, images or the page edge, the camera can no longer separate it from its surroundings. When in doubt: more margin is always right.
Size and resolution
- At least 2 x 2 cm in print for short scan distances.
- Distance rule of thumb: scan distance divided by 10 = minimum edge length. Poster at 5 metres: 50 cm code.
- SVG for print: The vector format scales losslessly — pixel mush from undersized PNGs is one of the most common causes of scan problems. More in the complete guide.
Before printing: the test checklist
- Scanned on iOS and Android?
- Tested in daylight and low light?
- Scanned from a realistic distance?
- Tested on paper at final print size (not just on screen)?
- Does the code also work at a slight angle and with reflections (glossy paper, foil)?
Only when every point checks out does the file go to the print shop.
Frequently asked questions
Can I use any colour?
Almost — as long as the code is clearly darker than its background. Critical are light colours (yellow, pastels) as the code colour and dark backgrounds.
Does a logo make the code less reliable?
No — with error correction H and at most 20 percent coverage, the code remains fully functional. It matters that the logo sits in the centre, away from the position markers.
Does the design change how the code scans?
Colours, corner styles and logo only change the look. With dynamic QRown codes, the pattern stays identical when the design changes — codes already in print remain valid.
Conclusion
Branding and scannability are not opposites — they just need clear rules: error correction H with a logo, dark on light, four modules of quiet zone, sufficient size and a test on real devices. Design your QR code now for free — with a live preview at every step.