QR codes · 5 min read
QR design tips that still scan
You can customise colours, module shapes, and even add a logo — as long as you respect contrast, quiet zone, and real-device testing.
Contrast beats aesthetics
Readers look for dark modules on a light background (or the inverse with enough luminance difference). Pale grey on white is a common failure mode outdoors.
Free tool
Need to do this now?
Use the Kodotools QR tool. It runs in your browser, requires no signup, and keeps your files or data on your device.
Create a free QR code ->Logo size
Keep a centre logo small — think roughly 15–22% of the QR width. Bigger marks cover locator patterns and data modules phones need to lock onto quickly.
In Kodotools, upload under Customise → Logo (optional) on any QR tool page (including this site’s WiFi, WhatsApp, and link-focused pages) or use the full QR generator for every type in one place. Pair it with high contrast and test after export, not only in the on-screen preview.
Quiet zone
Do not let borders, illustrations, or text run into the code’s margin. If your designer “crops for style”, you will pay for it in scan time.
Print workflow
Prefer vector SVG for large print, and read our size guide before approving a vendor proof.
Use brand color carefully
Brand colors are fine when they stay dark enough against the background. If your brand color is pale, use it in the surrounding design and keep the QR modules black or very dark.
Export one backup version
For important print runs, export a plain high-contrast QR as a backup next to the branded version. If the artwork changes later, you still have a scan-safe file ready.
Guides
QR tips & walk-throughs
Short reads for sharing WiFi, forms, business cards, documents, and small-business QR codes.
Ready to create your QR code?
Open the QR generator and create a printable code in seconds.
Create QR code →