UniQrOnline guide

QR Code Design Guidelines

Create QR codes that look professional and scan reliably across digital screens, printed materials, branded campaigns, and 3D printable designs.

Digital Print Logo QR 3D QR STL ready
Raised 3D printable QR code preview

Quick Summary

If you only remember a few things, keep these rules close. Most scan problems come from weak contrast, cramped padding, oversized logos, or printing too small.

  • Use dark QR colors on a light background
  • Keep a clear quiet zone around the QR
  • Use SVG or PDF for print
  • Keep logos under 20% when possible
  • Test before printing or publishing

Best QR Code Size

A QR code needs enough physical or pixel space for each module to stay clear. For signage, use the simple distance rule: QR width should be about 1/10 of the expected scan distance.

Print Size

Use caseRecommended sizeNotes
Minimum print size2 x 2 cm, about 0.8 x 0.8 inUse only for clean, simple QR codes.
Business card0.8 to 1 inKeep the design simple and test a printed proof.
Flyer or postcard1 to 1.5 inBest for hand-held scanning.
Letter-size print1.25 to 2 inWorks well for forms, menus, and handouts.
Poster2 to 4 inIncrease size as scan distance grows.
Wall sign4 in or largerUse high contrast and a large quiet zone.
Outdoor signageAbout 1/10 scan distanceExample: a 40 in scan distance needs about a 4 in QR.

Digital Size

Use caseRecommended sizeBest export
Small preview150 x 150 px minimumPNG
Standard web display300 x 300 pxPNG or SVG
Downloadable PNG1080 x 1080 pxHigh-res PNG
Professional artworkScale as neededSVG or PDF
Retina screens2x display sizeSVG when available

Quiet Zone and Padding

The quiet zone is the clear empty margin around the QR code. Cameras use it to understand where the QR begins and ends.

Recommended quiet zone

Use at least 4 modules on every side. For print, logo QR, and 3D printable QR, use 6 to 10 modules when the layout allows it.

QR typePadding recommendation
Digital QR4 modules minimum
Printed QR6 modules or more
Logo QR6 to 10 modules
3D printable QR6 to 10 modules

Color and Contrast

The safest design is a dark QR on a light background. Avoid pale colors, busy transparent backgrounds, and inverted QR codes unless you test them on real devices.

Good Black on white is the most reliable.
Good Navy on white keeps strong contrast.
Risky White on black can work, but must be tested.
Bad Yellow on white is too low contrast.
Bad Gray on silver blends together.

QR Eye Color

The three corner eyes should stay strong, dark, and clear. If the eyes are pale, blurred, or hidden by a frame, phones can miss the QR even when the body pattern looks readable.

Best

Dark eyes on a light background with clean square or rounded-square shapes.

Use care

Gradient or brand-color eyes are fine only when contrast stays strong.

Avoid

Transparent, low-contrast, tiny, or heavily decorated eyes.

QR Shapes

Shape changes can make a QR feel more branded, but reliability still comes first.

Square modules

Maximum reliability for print, small sizes, and 3D printing.

Slightly rounded

A modern branded look that usually scans well.

Dots

Use dots only when the QR is large enough and contrast is strong.

Thin or complex

Avoid thin lines and overly decorative module shapes for print.

Error Correction

Error correction lets a QR code recover when part of the code is damaged, covered, styled, or slightly distorted.

LevelRecoveryBest use
LAbout 7%Clean digital use with no logo
MAbout 15%Standard static QR and most dynamic QR codes
QAbout 25%Print use and light customization
HAbout 30%Logo QR, outdoor QR, heavy design, 3D QR, and 3D printable QR

Digital QR Best Practices

Web pages

Use at least 300 x 300 px for standard placement and keep it away from busy backgrounds.

Email and apps

Keep the QR crisp and avoid scaling a tiny image up after export.

Screens

Use high contrast and enough display size for the expected viewing distance.

Print QR Best Practices

Print adds ink spread, paper texture, glare, and distance. Use Q or H error correction, export as SVG or PDF, keep the quiet zone visible, and test a printed proof at the real size.

Before the final run

Print one copy, scan it with both iPhone and Android, and test it from the real viewing distance.

3D QR Design Best Practices

Keep the QR readable from above

Use strong contrast, minimal distortion, enough padding, square or slightly rounded modules, and simple lighting.

Control the scene

Avoid heavy shadows, glare, reflections, and extreme angles that hide the top-down QR pattern.

3D Printable QR Best Practices

For STL and physical prints, treat the QR as a functional surface. The best printable QR codes use square modules, matte material, strong contrast, and enough module size for the printer nozzle and camera.

SettingRecommendation
Small keychain45 to 60 mm
Product tag60 to 80 mm
Desk sign80 to 120 mm
Wall plate120 mm or larger
Module size1.2 mm minimum, 1.5 to 2 mm safer
Raised module height0.8 to 1.5 mm
Base thickness2 to 4 mm
Quiet zone6 to 10 modules
MaterialMatte, non-reflective colors

UniQrOnline Recommended Defaults

Static QR

Error correction M, dark modules, light background, 4+ module quiet zone.

Dynamic QR

Error correction M or Q, clear redirect destination, test after each URL edit.

Logo QR

Error correction H, centered logo, logo under 20% when possible.

Print QR

Error correction Q or H, SVG/PDF export, printed proof before bulk production.

3D Printable QR

Error correction H, square modules, 6 to 10 module quiet zone, matte contrast.

Helper Text for QR Creator

Size helperFor print, keep the QR at least 0.8 in wide. For signs, make the QR about 1/10 of the scan distance.
Color helperUse a dark QR color on a light background. Low contrast colors can make the QR hard to scan.
Logo helperKeep the logo centered and under 20% of the QR width when possible. Use H error correction for logo QR codes.
Padding helperLeave a clear quiet zone around the QR. Print and 3D printable QR codes need extra padding.
3D printable helperUse square raised modules, matte material, and 1.5 to 2 mm module size for safer scans after printing.

Dashboard Helper Text

Standard QR preview note

This preview shows the saved QR artwork. Test the exported file before publishing.

Dynamic QR note

Dynamic QR codes can keep the same printed code while the destination changes.

3D QR note

Use a clear top-down view when checking scan reliability for 3D renders.

3D printable QR note

Download the STL preview and scan a test print before producing final pieces.

Warning Messages

Low contrast warning

This color combination may not scan reliably. Use a darker QR color or a lighter background.

Logo too large warning

The logo covers too much of the QR. Reduce the logo size or use H error correction.

Quiet zone warning

The QR needs more empty space around the edges for reliable scanning.

Small print size warning

This QR may be too small for print. Increase the physical size or simplify the design.

3D print warning

Modules may be too small for a reliable physical print. Increase the plaque size or reduce QR complexity.

Final Checklist

Use this list before sending a QR code to a client, printer, campaign, or 3D printer.

  • Scan with iPhone and Android
  • Test from the expected distance
  • Confirm size
  • Confirm quiet zone
  • Confirm contrast
  • Confirm logo size
  • Confirm QR eyes are clear
  • Export as SVG, PDF, or high-resolution PNG
  • Test actual printed size
  • Test the physical 3D printed piece if applicable