Brand-Safe QR Design: Print-Ready Codes That Always Scan
QR codes are only effective if they scan instantly—every time, on every device. This guide covers the key design rules for reliable, brand-safe QR codes, including contrast, sizing, color, and export tips.
Contrast Ratios & Color Pitfalls
Always use a dark foreground on a light background. Aim for a contrast ratio of at least 4.5:1. Avoid light-on-dark, gradients, or busy backgrounds. Never use yellow, red, or pastel codes for critical uses.
Quiet Zone: The Invisible Buffer
The quiet zone is the empty margin around your QR code. It should be at least 4 modules wide (the smallest square in the code). Without it, scanners may fail.
Module Size vs. Viewing Distance
| Scan Distance | Min QR Size |
|---|---|
| 6 in (15 cm) | 0.8 in (2 cm) |
| 12 in (30 cm) | 1.6 in (4 cm) |
| 3 ft (1 m) | 4 in (10 cm) |
| 10 ft (3 m) | 12 in (30 cm) |
Logo & Center Image Sizing
Keep logos or center images under 30% of the QR area. Use high error correction (Q or H) if adding a logo. Test with and without the logo before printing.
Test Protocol
- Test on multiple devices (iOS, Android, old and new phones)
- Test in different lighting and at different angles
- Print a sample and scan from intended distance
- Check for quiet zone and color contrast
Print & Export: SVG vs. PNG
For print, always use SVG (vector) for infinite scaling. PNG is fine for web or small stickers, but avoid for posters or signage. Set DPI to 300+ for print.
10-Point Design Checklist
- Dark foreground, light background
- 4+ module quiet zone
- Minimum size for scan distance
- No busy backgrounds or overlays
- Logo under 30% of area
- High error correction if using logo
- Test on multiple devices
- Export as SVG for print
- Print a sample and scan
- Include a fallback URL if possible