Lead With Contrast and Clear Calls-to-Action
Pair bold foreground colors with light backgrounds and keep breathing room around the code. Add a short CTA like “Scan for menu” so users instantly know the value.
- Use dark-on-light for best scan rates
- Leave at least 4 modules of quiet space
- Add CTA copy near the code
Layer Gradients Without Hurting Scannability
Soft, radial gradients can look premium if the darkest tones sit behind the data modules. Avoid placing bright highlights over the finder patterns.
- Keep gradients subtle behind corners
- Test on iOS and Android scanner apps
- Export at 600px+ for digital use
Frame Your Codes for Campaign Context
Frames are perfect for campaigns. Include short text like “Shop new drop” or “Leave feedback” and align the code within a rounded container to match your brand system.
- Use rounded frames for friendly brands
- Match frame color to brand primaries
- Keep total size above 2cm for print