RankQR
Back to blog
Customization10 min read

Custom QR code: logo, color, shape and best practices

Logo, colors, shapes, gradients: every lever to turn a QR code into a scannable brand asset, without crossing the threshold where it becomes unreadable.

A custom QR code is still a QR code: the pixel matrix obeys the ISO/IEC 18004 standard, which defines the position of the three corner-finder patterns and the maximum amount of alteration error correction can absorb. The whole point of customization is dressing that structure (colors, modules, logo, shapes) without crossing the threshold where phones can no longer decode.

Tuned right, a custom QR becomes a proper brand asset: visible, memorable, integrated to the broader identity. Tuned wrong, it becomes a beautiful unreadable square no one scans. This article walks every lever (color, shape, logo, gradient, frame) with their technical limits, concrete examples, and a recap table of the most common mistakes. It complements the general guide Dynamic QR code: the complete 2026 guide and intersects with the platform-choice discussion in Dynamic vs static QR code: how to choose.

Why customize a QR code

Three reasons keep showing up in agency briefs and marketing direction RFPs.

Instant recognition. A plain black-and-white QR blends into every other QR out there. A QR in brand colors, integrating the logo, triggers an association reflex: the passerby connects the visual with the surrounding identity, which nudges the scan.

Scan rate. Several internal studies from QR generators (Scanova, QRCode Tiger) report that a custom QR is scanned 30 to 80% more often than a plain one. The range is wide because it depends on context (window, flyer, press insert), but the trend is consistent: a touch of design lifts the scan rate.

Brand consistency. When the visual identity has cost an agency several thousand euros, shipping a raw QR breaks the effort. Customization allows seamless integration into the rest of the brand system without aesthetic rupture.

The customizable elements

Six design levers to balance together.

Module and background color

Modules (the "pixels") can be any color, provided you keep strong contrast with the background. The practical rule: a dark module on a light background works better than the reverse (smartphone cameras are calibrated for that polarity), and the luminance ratio between the two should exceed roughly 4:1.

A bottle-green QR on a cream background: OK. A neon-yellow QR on white: unreadable. A burgundy QR on black: also unreadable. Full details in .

Module shape

Most recent generators offer 6 to 10 shape variants: classic squares, rounded dots, rounded modules, "classy" modules (squares with cut corners), diamonds, etc. All variants stay compatible with the standard as long as the module's central zone remains recognizable.

Visually, rounded modules and dots give a more modern, "tech-brand" feel. Classic square modules remain the most scannable on older devices.

Finder-pattern shape

The three large squares in top-left, top-right and bottom-left are the finder patterns: the camera looks for them first to orient the QR. They can be stylized (rounded corners, target shapes, bevel contours) but must remain square enough to be identified.

Embedding a logo in the QR's center is compatible with the standard thanks to the error correction mechanism (levels L, M, Q, H) which can rebuild up to 30% of damaged matrix. The golden rule:

  • Error correction level Q or H the moment there is a logo.
  • Logo ≤ 25% of surface. Above that, scan failure rate climbs exponentially.
  • Opaque logo background (often white or a light color) to avoid see-through modules under the logo.

The article digs deeper with concrete measurements and scan tests.

Gradients and effects

Linear or radial gradients between two colors are compatible, provided that every module remains read as "dark" by the camera. A navy-to-sky-blue gradient works, a navy-to-white gradient breaks scannability as soon as you pass the QR's center.

Frame and call-to-action

Many generators offer a "frame" with a "SCAN ME" or "Discover the offer" mention below the QR. That mention is not in the matrix, it is purely decorative, but it significantly lifts the scan reflex, especially for audiences that do not scan daily.

Common mistakes table

MistakeImpactFix
Logo too large (> 25%)30-60% scan failureCap at 20% max, switch to level H
Insufficient contrastDecode impossibleDarken modules or lighten background
Light modules on dark backgroundVariable across devicesPrefer dark on light
Gradient too pale in centerFailure on older devicesLimit gradient to dark tones
No "quiet zone" marginFinder pattern failsKeep a 4-module white margin around
Over-stylized finder cornersCamera misses themKeep recognizable corners, simplify styling
Transparent-background logoModules show throughOpaque logo background

Testing a custom QR before printing

Three minimum tests before signing off on graphics:

  1. iOS scan (native camera on a recent iPhone, and an older one if available).
  2. Android scan (native camera on a mid-range device).
  3. Scan at the actual print size (printed on paper at real size, not just on screen).

A QR that passes all three on real-print at the right size has a field-failure rate below 1%. A QR that fails any of the three must return to design.

Use cases and examples

Restaurant. Digital menu with QR in logo colors (burgundy and gold for a bistro, green and black for a trattoria). Center logo only if the brand is visual, otherwise keep the matrix clear for maximum scannability.

Retail. Large-format window QR with "Discover our new arrivals" frame, brand colors. Dynamic mode mandatory to flip the target with every collection.

Real estate. QR on a "for sale" panel: dark on light, agency logo centered, "Tour it online" frame. The background photo on the panel must not bleed into the quiet zone.

Business card. Sober vCard QR, brand colors, no centered logo (space is tight, the logo is already on the card). See also the broader business-card QR topic in the dedicated cocon.

To ship a custom QR that combines design and dynamic analytics, a generator like RankQR offers a real-time-preview visual editor, explicit error correction level control, and logo upload with central-zone management, sparing you from manually testing every combination.

Custom QR: free or paid?

Visual customization is offered on nearly every generator, free or paid. The difference plays on:

  • Export resolution. Free often delivers 500 px max, insufficient for printing above 5 × 5 cm. Paid unlocks 2000 px and vector SVG.
  • Vector SVG format. Mandatory for large printing (panels, posters), gated to paid plans at most platforms.
  • Dynamic mode. Customization and dynamic are two independent variables, but they typically come together in the same paid plan.

Exact conditions of free plans are explored in , which also details the pitfalls (watermark, downgraded resolution, monthly cap).

Creating a custom QR step by step

The classic flow on any serious generator:

  1. Pick the type (URL, vCard, Wi-Fi, PDF) and enter the target.
  2. Select static or dynamic (direct impact on analytics and price).
  3. Open the visual editor: color, module shape, finder shape.
  4. Upload the logo, adjust size (stay ≤ 25%).
  5. Switch to error correction Q or H.
  6. Test with a real scan on iOS and Android.
  7. Export in high-resolution PNG and SVG (vector printing).

The complete tutorial with screenshots is in .

FAQ

Is a custom QR code always scannable?

Yes, as long as the customization respects three rules: enough contrast, centered logo below 25% of the surface, and error correction level Q or H. Past those thresholds, scan rate collapses.

What logo size is safe?

Between 15 and 20% of the QR surface. Above 25%, matrix alteration becomes too large even with level H, and some phones fail to scan.

Can a QR code be in any color?

Yes, as long as the module color is dark enough against the background. Luminance contrast ratio must exceed roughly 4:1. Very light colors like yellow or pastel are problematic regardless of background.

Which export format for printing?

SVG (vector) for large print and scalability. High-resolution PNG (2000 px minimum) for classic print. Avoid JPG which degrades module edges and breaks scannability.

Is a custom QR code more expensive than a classic one?

Visual customization is free on almost every generator. The recurring cost comes from the dynamic nature of the target (modifiability + analytics), not the graphic dressing.

Conclusion

Customizing a QR code is not a luxury: it is the gap between a generic, ignored square and a recognizable brand asset that gets scanned regularly. The technical levers (color, shape, logo, gradient) are all compatible with the standard, provided contrast and logo size thresholds are respected.

To go deeper on a specific topic: for logo placement, for 2026 graphic trends, or for the complete step-by-step.

Tags

About the author

Sylvain Dendele

Fondateur

J'ai fondé RankQR pour donner aux entreprises les outils des grandes enseignes. Sur ce blog, je partage les coulisses du produit, les choix techniques et les retours clients.

Actually measure your offline campaigns.

Create your first dynamic QR code in under 2 minutes. No credit card required.

Related articles

No other article in this category yet.