How to design a branded QR code that actually gets scanned
Brand colors, rounded shapes, a logo in the middle — beautiful QR codes look great in mockups and fail in real life. Here's how to keep both: brand consistency and a 100% scan rate.
The tension every brand designer hits
You want a QR that matches your brand: your hex colors, your rounded corners, your logo in the middle. The marketing team approves. You print 5,000 stickers. Then customers report that "the QR doesn't work."
The failure mode is almost always the same: too much contrast was sacrificed, the logo covers too much of the data area, or the colors are inverted from what scanners expect. Good news: a few well-known design rules let you brand a QR without breaking it.
What goqr.info lets you customize
The homepage QR wizard exposes the four levers that matter:
- Module shape — the little dots that make up the QR. Choose square, rounded, or dots.
- Eye shape — the three big finder patterns in the corners. Square or rounded.
- Foreground & background colors — pick from presets or input a custom hex.
- Center logo — upload a PNG or SVG to overlay in the middle.
And the wizard generates both PNG (for print and screens) and SVG (for vector signage and packaging) — both free, both unlimited.
Rule 1: Contrast wins everything
QR scanners use the difference in brightness between modules to read data. The W3C-recommended threshold is at least 4.5:1 contrast ratio between foreground and background.
- Dark foreground on light background
- Pure black or very dark navy works
- White or very light background
- Test in dim light
- Light foreground, dark background (inverted)
- Two mid-tone colors (gray on tan)
- Red foreground on green — fails for color-blind users
- Photographic backgrounds — break the contrast model
Yes, inverted "light-on-dark" QRs can scan on newer phones — but a meaningful percentage of older Android cameras still fail on them. If you're printing in volume, stick to dark-on-light.
Rule 2: Brand color, but pick the right one
You don't have to use pure black. Any sufficiently dark brand color works.
Good "dark enough" brand colors:
- Navy
#1e3a8a - Dark green
#14532d - Burgundy
#7f1d1d - Charcoal
#1f2937
Backgrounds work the same way in reverse — cream #fef3c7, light blue #dbeafe, light lavender #f5f3fb all keep enough contrast against a dark foreground.
Rule 3: Rounded shapes are fine — within reason
Square modules are the QR specification's default. Rounded modules and dot modules look softer and more on-brand for lifestyle businesses (cafés, beauty, fashion). They scan reliably as long as:
- The shape is consistent across all modules (don't mix square and rounded)
- You leave the standard quiet zone — a clear margin of at least 4 modules around the entire QR
- The contrast rule still holds
Test once with each shape style before committing.
Rule 4: The center logo trick
You can place a logo in the dead center of a QR because the format includes error correction. The QR can be partially obscured and still readable. But there's a limit.
goqr.info uses Level H error correction, which can recover from up to ~30% data loss. Practical rule:
- Logo size: never larger than 22% of the QR's width (the wizard caps it here for you)
- Logo position: always centered — never off to a corner where it could overlap a finder pattern
- Logo background: keep a small white or background-color "halo" around the logo so scanners don't get confused — the wizard adds this automatically
- Logo shape: square or circular works best. Wide horizontal logos eat too much data
Rule 5: Size and quiet zone
Two final technical details that get skipped:
Minimum print size
Below ~2cm × 2cm, even modern phone cameras struggle, especially in poor lighting. Recommended minimums:
- Table stickers, business cards: 2–3cm
- Product packaging: 2.5–3.5cm
- Posters at 1–2m viewing distance: 10cm minimum
- Billboards at 5m+: 30cm+
Quiet zone
The empty space around the QR. The spec requires at least 4 modules of clear margin. Visually, that's roughly the width of one corner finder. Without enough quiet zone, the camera can't isolate where the QR ends and your background starts.
The final QA checklist
Before printing or publishing your branded QR:
- Scan with an iPhone (default Camera app)
- Scan with an Android (default camera + Google Lens)
- Scan from the actual print medium (not just the screen)
- Scan in dim lighting
- Scan from 30cm and from 1m to test at typical viewing distances
- If you added a logo, scan after a week — colors fade unevenly on cheap printing
Want to measure if your branded design helps?
The whole point of a branded QR is recognition — but does it actually drive more scans? With goqr.info's built-in analytics, you can A/B test two versions of the same destination: one plain, one branded. Compare scan counts and conversion. See the guide to reading QR analytics for what to look at.
Design your branded QR now
Shape, color, center logo — all free. Download as PNG or SVG.
🎨 Open the QR wizard