A well-designed QR code strengthens your brand while remaining perfectly scannable. This guide covers the rules and techniques for customizing QR codes without compromising readability.
A plain black-and-white QR code works, but a branded one performs better. Studies show branded QR codes get 30% more scans than generic ones. Design signals trust (this is from a real business), reinforces brand recognition, and integrates naturally into marketing materials. The goal is to customize enough to stand out while respecting the technical constraints that keep the code scannable.
The fundamental rule: the foreground (modules) must be darker than the background. QR scanners rely on contrast between dark and light areas. Safe choices include dark brand color on white, dark brand color on very light tint, and black on light brand color. Avoid light foreground on dark background (inverted), similar-brightness colors (gray on gray), and yellow or light green foreground on white. Always test on at least 3 different devices after customizing colors.
Place your logo in the center of the QR code, covering no more than 20-25% of the total area. Set error correction to H (30%) to compensate for the obscured modules. Logo best practices: use a simple, recognizable mark (not your full wordmark), export the logo as PNG with transparent background, keep it high contrast against the QR pattern, and avoid logos with fine details that become unreadable at small sizes. useqraft automatically positions and sizes the logo for optimal scannability.
QR codes support four error correction levels: L (7% recovery) for maximum data capacity with minimal damage tolerance, M (15% recovery) the default balance for most use cases, Q (25% recovery) for codes exposed to moderate wear, and H (30% recovery) required when adding logos or for harsh environments. Higher error correction means a denser pattern, so the printed size needs to be larger. Use M for digital displays, Q for standard print, and H for logo overlays and outdoor signage.
The scanning rule of thumb: QR code size should be at least one-tenth of the scanning distance. For a phone at 30cm, minimum 3cm. For a poster at 1m, minimum 10cm. For a billboard at 5m, minimum 50cm. Resolution matters too: use 300 DPI minimum for print. For large format, use SVG (vector) to avoid any pixelation. Digital displays need only 72-150 DPI. Always add a quiet zone (white border) of at least 4 modules around the QR code.
Choose your export format based on the use case. SVG (vector): infinite scalability, perfect for print at any size, small file size, editable in design tools. PNG (raster): universal compatibility, best for web and email, choose 300+ DPI for print. PDF: ideal for direct printing, embeds the QR code with fonts and layout, good for invoices and documents. JPEG: acceptable for web but PNG is preferred due to lossless compression (JPEG artifacts can affect scanning). useqraft supports all four formats.
Yes, as long as the foreground is significantly darker than the background. Enter exact hex codes in useqraft's color picker.
Not if you use error correction H and keep the logo under 25% of the area. useqraft handles this automatically.
PNG at 1080x1080 pixels. It's universally supported and maintains quality after platform compression.
Animated QR codes (GIFs) exist but are unreliable for scanning. Stick to static images for reliable results.
Scan with at least 3 different phones (iOS and Android), at the intended distance, in the intended lighting conditions. Test both the digital version and a print sample.
Create your first QR code in seconds — free, no signup required.