QR Code Designer
Make every scan on-brand
Style QR codes with your brand colours, a logo, and a shape preset.
What it does
Turn any QR code into something that looks like it belongs on your packaging, menu, or business card. Pick a shape preset, set your colours, drop a logo in, and download as PNG or SVG.
QR Code Designer
Style
Foreground
Background
Logo
logo.svg
When this is useful
Packaging and product design
A plain black-and-white QR on otherwise considered packaging looks like an afterthought. Matching the QR's shape and colour to the rest of the print makes it sit with the logo instead of fighting it.
Restaurants and hospitality
Table tents, in-room menus, and café signage are in front of the guest the whole visit. A branded QR reads as part of the room, not a placeholder someone forgot to replace.
Business cards and small-format print
At 1.5–2cm, a plain square QR looks like a glitch next to a designed card. Recolouring to the card's ink and centring a small mark ties the QR visually to the rest of the design.
What you can customise
Presets
Three built-in presets cover the common cases:
- Classic — square dots, square corners. Instantly recognisable; good for signage and industrial packaging.
- Rounded — rounded dots with dot-shaped corners. Friendlier; fits consumer brands, cafés, and lifestyle design.
- Accent — a two-tone design that uses different colours for the dots and the corner treatment. A starting point when you want the code to feel more designed.
Pick one to apply it instantly, or choose Custom for fine-grained control.
Custom design
Custom mode gives you three tabs — Style, Colors, and Logo.
Style has independent pickers for the dots (square, rounded, dots, classy, classy rounded, extra rounded), the corner squares (square, dot, extra rounded), and the corner dots (square, dot). Mix them any way you like.
Colors has four separate colour pickers — dots, corner squares, corner dots, and background — so the corner treatment can be a different colour from the rest of the code. Keep the dots noticeably darker than the background; dark on light is what scanners are trained on. A transparent background is useful when the QR sits on a coloured print panel (export as SVG to preserve it; PNG flattens to white).
Logo uploads a PNG, JPG, GIF, or WebP (resized to 512×512) and centres it on the code. When a logo is present the designer raises the error-correction level to the highest setting so the code still scans with the centre covered. Square logos work best, and transparent PNGs sit cleanly on any background.
Your custom design is remembered in the browser, so the next time you open Custom you pick up where you left off — useful when producing a consistent set of QRs for a campaign.
Scannability and print sizing
A QR is only useful if it scans. Three rules keep yours reliable:
- Dark on light, high contrast. The most forgiving combination in most lighting. Inverted works but suffers in low light.
- Don't go below 2cm × 2cm for anything held up to a phone. For scanned-from-distance signage, size at roughly 1cm of QR per 10cm of reading distance.
- Scan-test before a print run. Styled QRs are more sensitive to print resolution than plain ones. Test the preview on both iOS and Android before sending files to the printer.
A branded QR is still a Nimble Link, so you can change where it points at any time without reprinting. See Updatable QR Codes on Product Packaging for the full story.
To design a QR code, create a QR Code link — the designer appears inline below the destination. To add or edit a QR on any other link type, open the QR panel and click Customize.