A QR code looks like a small design element until you print a thousand flyers and discover that phones cannot scan it. For menus, posters, business cards, and packaging, the link matters, but so do size, contrast, quiet space, and testing from a real phone.
Short answer
- Use the final destination URL, not a draft link.
- Match QR size to the real scan distance.
- Leave a quiet zone around the code.
- Use dark code on a light background for reliable scanning.
- Test from a printed proof, not only from the screen.
Decide the destination first
For a menu, the QR code should open the menu. For a flyer, it may open an offer, registration page, booking form, or product page. After scanning, the user should land exactly where the label promised.
Weak route:
QR -> homepage -> search for menu -> choose city -> find the correct sectionBetter route:
QR -> mobile menu page for this exact cafeEvery extra step lowers the chance that the scan turns into action.
Size and scan distance
The farther someone scans from, the larger the QR code should be. A table menu can use a smaller code than a wall poster, but “it fits in the corner” is not the same as “a phone camera can read it”.
Practical checks:
Table menu: scan from normal hand distance
Flyer: scan from 20-40 cm
Poster: scan from the distance people actually stand
Packaging: scan on curves and under normal lightIf the code sits next to tiny text, a decorative frame, and busy artwork, the camera has a harder job.
Contrast and background
The safest version is a dark QR code on a plain light background. Gradients, photos, transparent overlays, and low-contrast brand colors can look elegant and still fail at the only job that matters: scanning.
Before printing, check that:
- the background does not interfere;
- the code is not stretched;
- the quiet zone is still visible;
- the code is not on a fold, staple, edge, or glossy reflection;
- the target page opens on mobile data.
Brief for a designer
Purpose: QR for cafe menu
URL: https://example.com/menu
Label: Open menu
Background: plain light area
Test: scan from printed proof before print run
Do not: stretch, recolor with low contrast, cover the quiet zoneThis gives the designer the job, the user action, and the technical boundaries.
Common mistakes
| Code points to the homepage | user has to hunt | link to the exact page |
|---|---|---|
| QR is too small | phone cannot read it | increase size and test distance |
| No quiet zone | nearby elements interfere | keep a clean border |
| Low contrast colors | scanning becomes unreliable | dark code on light background |
| URL changes after printing | the print run becomes stale | freeze the final URL first |
Pre-print checklist
- final link opens without login;
- landing page works on a phone;
- QR code is downloaded in good quality;
- code is not stretched in the layout;
- label explains the action;
- proof scan works on at least two phones;
- the page after scanning matches the label.
FAQ
Can I place a QR code on a colored background?
Yes, if contrast is high and the background is clean. For print, a plain light area is safer.
Should I shorten the URL first?
Sometimes. A shorter stable URL can produce a less dense QR code. Do not use a short link that may expire or redirect unpredictably.
What should the label say?
Use an action label: “Open menu”, “Book a visit”, “Download instructions”, “Leave a review”. Avoid a bare “QR”.
Should I scan after exporting to PDF?
Yes. Export settings, compression, and print can affect readability even when the original QR looked fine.
