Designing QR Codes People Actually Want to Scan

A QR code can be both beautiful and reliable — but only if you respect a few technical limits while you style it. Here's how to make codes that look designed, not generated.

Contrast is non-negotiable

Scanners read QR codes by distinguishing dark modules from light ones. Keep a strong contrast — ideally a dark code on a light background. Light-on-dark can work, but low-contrast color pairs are the number one cause of codes that won't scan.

Use color with intent

Matching the code to your brand palette is a nice touch, but keep the foreground dark enough to stay readable. Gradients can work if both ends stay dark. Test every color choice before you commit it to print.

Logos and error correction

Placing a logo in the center covers part of the pattern. QR codes tolerate this because of built-in error correction — but only up to a point. Raise the error-correction level when adding a logo, and keep the logo to roughly a fifth of the code's width.

Give it room to breathe

The quiet zone — the empty margin around the code — is part of the design, not wasted space. Without it, scanners struggle to locate the code's boundaries.

Shape and finish

Rounded modules and custom corner styles give a softer, more modern feel. These are safe to adjust as long as contrast and the quiet zone remain intact.

Design freely, but test relentlessly. A gorgeous code that doesn't scan is just decoration.