QR Code Design: What Actually Makes One Scannable

A QR code can look perfectly readable on a laptop screen and still fail the moment it's printed on a flyer, shrunk onto a business card, or dropped onto a busy background. Most scan failures come down to a handful of the same design mistakes, not a broken code.

Contrast matters more than color

A scanner reads a QR code by distinguishing dark modules from light ones, so what actually matters is the brightness difference between the two, not which colors they happen to be. Dark modules on a light background (or the reverse) work reliably. Two similar mid-tones, a light gray on white, or a color pulled from a brand palette that turns out to be too close in brightness to the background, are the most common reason a QR code that looks fine to a person doesn't scan for a phone.

The quiet zone isn't optional

Every QR code needs a blank margin around it, at least four modules wide by the actual QR code specification, so a scanner can find where the code starts and ends against the background. Crop that margin too tight to fit a design layout, or place the code right up against a busy background image with no buffer, and scanners that would otherwise read the code cleanly start missing it.

Size scales with scanning distance

A QR code on a business card or a table tent, scanned from a few inches away, can be small. A QR code on a poster or a storefront window, meant to be scanned from several feet away, needs to be proportionally larger. A rough rule that holds up in practice: the code's printed width should be at least one-tenth of the distance it's expected to be scanned from. A code sized for a menu doesn't survive being shrunk onto a banner meant to be read from across a room. For specific numbers across common placements, see the QR code size chart.

Logos work because of built-in redundancy

Every QR code is generated with error correction built in, extra redundant data that lets a scanner reconstruct the code even if part of it is damaged, dirty, or covered. That's the actual mechanism that makes it possible to place a logo in the center of a QR code without breaking it: the logo covers a small percentage of the total code, well within the redundancy the format already carries. It's also why a QR code still scans after getting slightly scuffed, wrinkled, or printed a bit unevenly. The redundancy has limits, so a logo that's too large, or covers more than the center of the code, is the one place this can genuinely go wrong.

Test before the full print run

None of the above replaces actually scanning the printed result with a real phone before committing to a few hundred copies. Print one, walk a few feet away if that's the real use case, and scan it with more than one phone if possible. A design that passes a screen preview doesn't always survive actual ink, actual paper stock, and actual lighting.

Getting started

Customizing colors and adding a logo to a QR code is available on EverScans' Pro and Business plans, on top of the free static QR code generator's default black-on-white styling. Whichever tool creates it, the same contrast, quiet zone, and sizing rules above decide whether the result actually scans once it's printed.