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.

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.

Style your QR safely

Logo upload + exports in one place.

Open QR generator →