QR Code Design Ideas That Still Scan: Examples by Industry
A well-designed QR code looks like it belongs to the thing it is printed on: the café's table card, the wedding invitation, the product box. You get there by choosing the dot shape, colors and frame to suit the setting, adding a short line that says what the scan does, and keeping three rules intact: dark code on a light background, a clear border around the code, and enough size for the scanning distance.
Below are design ideas grouped by setting, with the reasoning behind each choice. You can see all of them as finished, editable templates in our QR code examples gallery.
The rules that design cannot break
Phone cameras find a QR code by its three corner squares (finder patterns), then read the grid of light and dark modules in between. Styling is safe as long as the camera can still tell light from dark and find those corners.
| Rule | Why it matters | Practical limit |
|---|---|---|
| Dark code, light background | Scanners expect dark modules on light ground; some cameras and older scanner apps cannot read inverted codes | Aim for contrast close to black on white |
| Quiet zone | The blank margin tells the camera where the code ends | Four modules on every side |
| Size for distance | Small modules blur from far away | Width ≈ scanning distance ÷ 10, never under about 2 cm |
| Error correction | Lets the code survive a logo or a busy pattern | Use level H when you add a logo or artwork |
| A real test | Screens and paper behave differently | Scan a printed proof with two different phones |
Everything that follows works inside those limits.
Food and drink
Table cards in a café. Rounded or "liquid" dots in a deep coffee brown on cream look warmer than black on white and still read as dark. Put a label frame under the code with a plain instruction such as "Scan to order". A tent card is read from 30–60 cm, so 3–6 cm wide is enough.
Guest Wi‑Fi. Here the code should feel like a utility: navy or charcoal circles, a soft card frame, and the words "Free Wi‑Fi". A Wi‑Fi code stores the network name and password, so it keeps working until you change the password.
Review stands by the till. Gold is tempting because it echoes review stars, but gold dots are too light to scan. Keep the code dark and use gold for the frame instead. The frame carries the color; the code carries the data.
Food trucks. The menu board is read from the queue, often two or three metres away, so the code needs to be large: around 20–30 cm. A white card on a dark board with a bright frame color in the truck's own palette works well, because the white card provides the light background the code needs.
Retail and packaging
Product boxes. Packaging is where a gradient can work, from one deep color to another, as long as both ends stay dark. Put the code on a flat panel, not across a fold or a curved edge, and link to something people want after buying: care instructions, refills, warranty registration.
Coupons. A colorful frame signals "offer" before anyone reads the small print. Because the offer will change, use a dynamic code so next week's coupon can reuse the same print run.
T-shirts and merch. Fabric stretches and folds. Use simple round dots in a single dark color, skip the frame, and print larger than you would on paper, at least 5–6 cm.
Events and weddings
Wedding stationery. Muted gold or warm brown dots with a thin double frame suit printed invitations. One dynamic code can open the RSVP form before the day and the photo album after it.
Tickets and check-in. At a crowded entrance, speed matters more than style. Square modules, square corners, black on white. Door staff often scan with older handheld devices, and a queue magnifies every failed read, so this is no place to experiment.
Photo sharing. Guests will scan a sign on a table covered in flowers and glasses. A bright label frame in a single strong color helps the sign stand out, and the label should say what happens: "Share your photos".
Museums and galleries. The code sits next to the work, so it should be quiet: dark gray on off-white, a thin frame in a stone color, a small "Audio guide" label. Visitors stand close, so 3–4 cm is plenty.
Local services
Real estate signs. Big and plain. The code is scanned from the pavement, a few metres away, so it needs 15–30 cm of width. Rounded squares in near-black keep it crisp at that size.
Salons and spas. A soft rose or sage frame on the reception desk matches the interior. Keep the dots themselves dark plum or charcoal.
Gyms. Posters in gyms compete with a lot of visual noise. A bold dark frame with a short offer ("First class free") gives the code a clear edge.
Personal
Business cards. Graphite circles on light gray suit most card stocks. A vCard code saves your details straight into the phone's contacts. On a 2 cm code, keep the contents short or link to a contact page instead, because long vCards produce dense codes.
Résumés. Small, calm, in a corner. It should link to a portfolio, not distract from the page.
Marketing and screens
Posters. Ray-shaped dots radiating from the center add energy without hurting readability. Place the code at eye level and say what the scan gives: a discount, a ticket, a video.
On-screen codes. On slides and TVs, a code needs to be larger than you expect and shown long enough to scan. High contrast matters even more on screens, where glare and brightness vary.
Business and education
Asset labels. This is the one place to ignore style entirely. Plain black squares survive scratches and cheap printers, and they scan reliably with whatever phone the staff has.
Receipts. Thermal printers only print black, and their resolution is limited. Square modules at receipt size (about 2.5 cm) print cleanly.
Holiday themes
Seasonal codes are where patterns come in: a Christmas tree, a Diwali lamp, the 福 character for Lunar New Year, drawn by the code's own modules. These use halftone techniques that keep the center of each module true to the data while the rest of the module follows the picture. Because the pattern adds visual noise, print them at least 5 cm wide and always use level H error correction. Our holiday QR code ideas post goes into each festival.
How to adapt an idea to your brand
- Start from the setting, not the logo. A code on a receipt and a code on a wine label need different treatments even for the same brand.
- Pick one dark brand color for the dots. If your brand colors are all light, use the darkest neutral in your palette and put the brand color in the frame.
- Add a frame label that says what the scan does, in three or four words.
- Run a scan check, then print one real proof on the actual material before the full run.
FAQ
Can a QR code be any color?
The modules can be any color dark enough to contrast strongly with the background. Deep navy, forest green, burgundy and dark brown all work. Yellow, light gray, pastel and neon colors do not. Some phone cameras and scanner apps cannot read light codes on dark backgrounds, so avoid inverting.
Do round dots scan as well as squares?
On a clean print at a sensible size, yes. Round and rounded dots are widely used and read fine on modern phones. Where conditions are poor (thermal receipts, scratched labels, very small sizes) squares are slightly more robust.
How much of a QR code can a logo cover?
With level H error correction a centered logo of around 20% of the code's width is usually safe. Keep the three corner squares clear and test the result. If the logo pushes the scan check into a warning, shrink it rather than lowering the error correction.
Should I add text next to a QR code?
Yes. A short instruction that says what happens after the scan, such as "Scan to order" or "Scan for the audio guide", makes people more willing to scan and tells them what to expect.