How to Make a Branded QR Code (That Actually Scans)
Somewhere out there is a beautiful QR code that doesn't work.
It's on a coffee shop window, or the back of a business card, or a poster for a show that already happened. Someone spent real time on it: brand colors, a logo in the middle, a clever shape. And when a customer points their camera at it, nothing happens. They try again, tilt the phone, give up, and walk away. Every one of those failed scans is a customer the business earned and then lost at the last second.
That's the tension with branded QR codes. Customization makes people more likely to scan your code in the first place, because a code in your colors with your logo looks intentional and trustworthy instead of generic. But every customization also pushes the code closer to the edge of what a phone camera can read. Get it right and you have a tiny branded billboard that converts. Get it wrong and you have decoration.
The good news: the rules that keep a QR code scannable are simple, and the new Liinks QR Studio checks them for you in real time. It's free to use, no account required. Here's how to make a code that looks like your brand and works on the first try.
Why branded QR codes get more scans
A QR code is a link that lives in the physical world, and it competes for attention the same way everything else does. On a crowded table of flyers, a plain black-and-white square reads as "generic tech thing." A code in your brand colors with your logo in the center reads as "this belongs to the business I'm already looking at."
That difference matters for three reasons:
- Trust. People hesitate to scan anonymous codes, and they're right to. A code that visibly carries your logo and colors answers the question "where does this go?" before anyone has to ask it.
- Attention. A styled code with a frame that says "Scan for the menu" or "Follow us" is a call to action. A bare code is a puzzle. The frame does the job a caption would do online: it tells people what they'll get.
- Consistency. Your website, your packaging, and your social profiles all carry your brand. A default black square in the middle of an otherwise polished design sticks out as the one thing you didn't finish.
None of that helps if the code fails to scan. So before you touch a single color, it's worth knowing the three ways custom codes usually break.
The three mistakes that break a QR code
QR codes have error correction built in, which is why they can survive a logo covering part of the pattern. But error correction is a budget, not a superpower. Every design choice spends some of it, and most broken codes overspend in one of three places.
1. Not enough contrast
Scanners read a QR code by telling dark modules apart from the light background. A dark code on a light background is easy. A pastel code on a white background, or a dark code on a dark photo, is where scans go to die. Gradients make this trickier: the lightest point of your gradient is the weakest point of your code, so a gradient that fades from navy to pale yellow can fail even though it "mostly" looks dark.
Rule of thumb: keep the code meaningfully darker than its background across the entire pattern. And be careful with inverted codes (light modules on a dark background): many older scanning apps still refuse to read them.
2. Skipping the quiet zone
The quiet zone is the empty margin around the code. It's not wasted space; it's how a scanner finds the edges of the pattern. Crop it out, run the code right up against a border, or place it on a busy photo background, and the camera can't tell where your code ends and the design begins. Leave a margin of at least four modules of clear space on every side, and think hard before putting a code on top of a textured background.
3. A logo that's too big
The center logo is the most-loved feature of branded codes and the most common killer. The logo works by covering data the error correction can rebuild. Cover too much, roughly a quarter of the code or more, and there's nothing left to rebuild from. Keep the logo small and centered, and give it a clean knockout (a solid area behind it) so it doesn't half-obscure modules around its edges. A slightly smaller logo that scans beats a big one that doesn't, every time.
There's a fourth, quieter mistake worth mentioning: never trusting your own phone as the test. Your phone scans your code from eight inches away, in good light, on a bright screen. The real world is a laminated menu in a dim restaurant and a poster viewed from an angle. Test at real distance, in bad light, on more than one device. Or use a tool that verifies scannability for you, which brings us to the fun part.
Designing your code in QR Studio
QR Studio is Liinks' live-preview QR design editor, and it's built around one idea: you should be able to push the design as far as it can go without ever crossing the line into unscannable. Here's the workflow.
-
Open the tool and add your link. Go to liinks.co/qr-codes. It works right in the browser, no account needed. Paste the URL you want the code to open.
-
Start from a preset, or match your page. There are 10+ one-click presets if you want a fast, polished starting point. If you already have a Liinks profile, hit Match My Page and QR Studio pulls in your profile's theme colors and logo automatically, so the code matches the page it leads to before you've touched a slider.
-
Shape the pattern. Pick from 5 module shapes to change the texture of the code, from crisp squares to soft dots. The three corner squares (the "eyes" that scanners lock onto first) can be styled independently, which is an easy way to add personality without touching the data area.
-
Choose your fill. Solid colors or gradients, plus transparent backgrounds if you're placing the code over a design. Remember the contrast rule from above: if you go gradient, keep the whole range dark enough to read.
-
Drop in your logo. Upload a logo for the center and QR Studio applies an automatic knockout behind it, clearing a clean solid area so the logo never half-covers surrounding modules. It handles the sizing discipline for you.
-
Add a frame with a call to action. Frames wrap the code with an editable label: "Scan me," "View the menu," "Follow us," whatever fits the placement. This is the single cheapest upgrade to your scan rate, because it tells people why to bother.
-
Watch the scannability meter. This is the safety net. A live meter grades your design green, amber, or red as you work, and offers one-click fixes when a choice pushes you into risky territory. Red means the design won't reliably scan, and QR Studio won't export it. You can experiment as aggressively as you want, because the tool won't let you ship a broken code.
-
Export. Download a PNG up to 4096px, or a true SVG if you need infinite scaling for print. Every export is scan-verified on the server before the file reaches you, so what you download is a code that's been machine-checked to work, not just one that looks right on screen.
Anyone can design and download a static QR code this way for free, at print quality (a free download gets you a 2048px PNG). No sign-up, no watermark.
Static or dynamic: which one do you need?
Before you print five hundred of anything, it's worth understanding the one decision you can't undo later.
A static QR code has its destination baked into the pattern itself. The URL is literally encoded in those squares, forever. That's what the free tool gives you, and for lots of jobs it's exactly right: a code that opens your Liinks page, your website, or anything else that won't move. It costs nothing, it never expires, and it doesn't depend on anyone's server. The tradeoffs: you can never change where it points, and you get no data about who scanned it.
A dynamic QR code points to a short Liinks-routed link, and that link's destination lives on the server, not in the pattern. That changes two things:
- You can repoint it anytime. The code on your printed menu can link to the summer menu today and the winter menu in November, without reprinting anything. The code on your product packaging can go from a launch page to a support page after the launch. The physical code never changes; the destination does.
- You get scan analytics. Every scan is tracked, with location and device breakdowns, so you can finally answer questions like "does the table tent or the window sticker drive more traffic?" Print is usually a black hole for attribution. Dynamic codes turn it into a channel you can measure, the same way Liinks analytics show you which links on your page actually get clicked.
Dynamic QR codes require a Liinks subscription (Starter or Pro). A simple way to decide: if the code is going somewhere permanent and you just need it to work, static is free and bulletproof. If the code is going on anything printed in quantity, anything seasonal, or anything you'd want to measure, dynamic pays for itself the first time you avoid a reprint.
Where to put your code once it's ready
A QR code is only as good as its placement. The best spots share two traits: the person is standing still, and there's an obvious reason to scan. A few that consistently work:
- Packaging and product inserts. The moment after unboxing is peak goodwill. A code that says "Get 10% off your next order" or "See how to use it" catches customers at their happiest. For product businesses, this pairs naturally with a link in bio built to sell.
- Signage and windows. A storefront window code works even when you're closed. "We're closed, but our whole menu and ordering link are right here" turns after-hours foot traffic into customers instead of missed chances.
- Business cards. A card has room for one URL people will never type. A branded code that opens your Liinks profile hands over everything (portfolio, booking, socials, contact) in one scan. Same for resumes and media kits.
- Menus and table tents. Restaurants proved this works at scale. Beyond the menu itself: a code for leaving a review, joining a loyalty list, or following your specials account, placed exactly where people sit idle waiting for food.
- Event materials. Posters, badges, slide decks. Anything a person looks at from more than arm's length needs a bigger code than you think: a rough rule is that the code's width should be at least one tenth of the scanning distance.
One placement note that ties back to scannability: print size matters as much as design. A code that scans perfectly at business-card distance can fail on a poster viewed from ten feet. When in doubt, export bigger (this is where that 4096px PNG or SVG earns its keep) and test at the real distance.
TL;DR
- Branded QR codes out-perform plain ones because they carry trust, attention, and brand consistency, but only if they still scan.
- The three classic killers: weak contrast (especially gradients and inverted colors), a missing quiet zone, and a center logo that covers too much of the pattern.
- The free Liinks QR Studio handles the safety rules for you: a live scannability meter grades every design green, amber, or red, red designs can't be exported, and every download is server-side scan-verified. Free static codes export as a 2048px PNG, no account needed.
- Static codes are free and permanent but can never be repointed or tracked. Dynamic codes (with a Starter or Pro subscription) can be redirected anytime and come with scan analytics, including location and device breakdowns.
- Put codes where people stand still with a reason to scan: packaging, signage, business cards, menus, event materials. Size the code for the real scanning distance and test in real conditions.
Make a code worth scanning
The whole point of a QR code is to close the gap between "I'm interested" and "I'm on your page." A branded, well-tested code closes that gap in one tap. A broken one opens it back up permanently, because nobody scans the same dead code twice.
Design yours in a few minutes with QR Studio: start from a preset or match your Liinks page, push the design as far as the meter lets you, and download a print-ready file that's already been verified to scan. Then put it somewhere your customers are already standing, and let the little square do the work.
