QR Code Design Tips That Still Scan
A QR code is more forgiving than it looks — it can survive glare, dirt, a torn corner, even a logo stamped over the middle. But that resilience has real limits, and a surprising number of "designed" QR codes fail to scan simply because someone pushed past them without testing. Here's what actually matters if you want a code that looks intentional and still works every time.
Contrast is the one rule that isn't negotiable
Scanners work by distinguishing dark modules from light ones, so the single biggest thing that breaks a QR code is low contrast between foreground and background — a mint-on-white code reads fine, a light mint on pale cream might not. QR Mint checks this automatically and warns you when your chosen colors fall below a safe contrast ratio, but the safest starting point is still close to black on white or white on black; treat any color pairing as an experiment to verify, not a given. Dark foreground on light background is the traditional (and most tested) arrangement — inverted codes, light-on-dark, do work with most modern scanners, but are more likely to trip up older or cheaper scanning hardware.
Leave the quiet zone alone
The blank margin surrounding a QR code — the "quiet zone" — isn't wasted space; scanners use that clear border to recognize where the code starts and stops. Crop it too tight, or place the code hard against a busy background or another graphic element with no buffer, and detection gets noticeably less reliable, especially at an angle or from a distance. QR Mint's "Margin" option controls exactly this: the default "Standard" setting matches the spec's recommended minimum, and it's rarely worth shrinking it just to save a little space.
Logos and color are fine — in moderation
A small logo centered over a QR code works because of the error correction baked into the code itself — see our guide to error-correction levels — but it only works reliably at the highest level (H, tolerating about 30% damage), and even then, the safe zone is smaller than people assume: roughly up to 20–25% of the code's total area, centered, without touching the three corner finder patterns, which a scanner absolutely needs intact. Color works the same way as contrast: recoloring the whole code is fine as long as the contrast ratio holds; recoloring only part of it, or adding a busy background image behind it, is where scans start failing unpredictably.
Size and distance
A QR code needs to be large enough, relative to the scanning distance, for a camera to resolve individual modules. A rough rule of thumb: the code's printed width should be at least the expected scanning distance divided by 10 — a code meant to be scanned from about a meter away wants to be roughly 10cm (4 inches) across at minimum, and more if the content is long enough to require a denser, higher-version code with smaller individual modules. This is another reason to keep encoded content reasonably concise where the physical size is fixed and small, like a business card.
Before you print anything
- Test the exact file you'll print, at the exact size you'll print it, from a few different phones if possible — not just a version on your screen.
- Prefer SVG over PNG for anything getting resized or printed at a specific physical dimension — it stays crisp instead of blurring as it scales.
- Check the code again after lamination, embossing, or any finish that adds a reflective layer — glare is a common last-minute scan-killer that's easy to miss on a screen preview.
