QR code design best practices

A branded QR code gets more scans than a plain one — as long as phones can still read it. These rules keep your design on the right side of that line.

Contrast comes first

Scanners need a dark pattern on a light background. Aim for a contrast ratio of at least 4:1, and avoid inverted (light on dark) codes unless you have tested them on many phones.

Logos: small and centred

A logo covers part of the code. QR error correction can rebuild the missing part, but only up to a point: keep the logo under about 25% of the code and use error correction level Q or H.

Colours and gradients

Brand colours work well if they are dark enough. Gradients are fine when both ends are dark. Pastel patterns, yellow and light grey fail most often.

Add a frame and a call to action

Tell people why to scan: “Scan for menu”, “Get 10% off”, “Join our Wi-Fi”. Codes with a clear call to action are scanned far more often than bare codes.

Test before you print

Use the scan-safety check, then scan a test print with an iPhone and an Android phone at the real size and distance.

Frequently asked questions

Can a QR code be any colour?

Yes, as long as the pattern is clearly darker than the background.

Do rounded or dotted patterns scan?

Yes, modern phones read them well; keep the corner squares clearly defined.

What is the scan-safety score?

A check in the editor that warns about low contrast, oversized logos and other risks before you download.