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.

Updated May 12, 2026. Written by Kodotools, a free browser-only tools project. This guide links to tools that run locally in your browser with no signup and no file uploads.

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.