QR design
How to Create Custom QR Codes for Coffee Mugs & Restaurant Menus
August 12, 2026 3 min readBarcode & QR Academy Team
A QR code on a table tent has one job: get scanned on the first try, by a guest holding a phone in one hand. That is a design problem as much as a technical one. Here is how to make a code that looks like it belongs to your brand and still works on a curved mug, a laminated menu or a chalkboard-dark wall.
Start with what the code should open
Point the code at something you control and can change without reprinting: your own menu page, an ordering link, a review page. Avoid deep links into apps that may change their URL structure.
Keep the URL short. Fewer characters means fewer modules, larger squares and a far more forgiving scan on a small printed area.
Pick a frame that tells people what to do
A bare code gets ignored; a code inside a frame with three words of instruction gets used. MarkingBear ships frames built for hospitality: a coffee-mug shape for cafés, a phone mockup for digital menus, a bottom banner for a plain "SCAN FOR MENU" call to action, and a speech bubble for chatty brand voices.
- Table tents and counters: bottom banner or speech bubble with "SCAN TO ORDER".
- Cafés and takeaway cups: the coffee-mug frame with your shop name as the caption.
- Menus and posters: card/Polaroid frame so the code sits under a title and subtitle.
- Digital signage: phone mockup, which reads as "this is for your phone" instantly.
Contrast and colour: the rule that matters most
Scanners read light against dark, not colour against colour. Keep the code modules significantly darker than their background and you can brand freely; invert it — light code on a dark background — and many older phone cameras give up.
- Dark modules on a light background, always. Aim for a strong contrast ratio, not a subtle tonal pairing.
- Avoid pastels, gradients across the whole code, and photographs behind the modules.
- Keep the quiet zone clear: an empty margin of at least four modules on every side.
- If you add a logo in the middle, keep it small and leave the three corner eyes untouched.
Export vector for print, raster for screens
For anything a printer will touch, download SVG or PDF. Vector output has no fixed resolution, so the same file works on a business card and a shopfront window without turning fuzzy.
PNG is for websites, slides and social posts. If a print shop insists on a raster file, export the largest size available and confirm the finished label is at least 2 cm across.
Test before you print a hundred of them
- 1Print one at final size on the real material — laminate, matte sticker or mug transfer.
- 2Scan it with an older phone, not just your newest one.
- 3Try it under the lighting the guest will actually have: dim evening service, bright window seat.
- 4Check a curved surface at an angle; mugs and cups lose the outer modules first, so shrink the code and widen the margin if it struggles.