Features

A studio that checks the code still scans

Colours, a logo in the middle, rounded modules, a frame with a call to action — and a contrast check before you download, because a beautiful code that does not scan is worse than a plain one.

Design

Foreground and background colours, module and eye shapes, a logo with a quiet zone punched out behind it, and framing captions. Everything renders in the browser as you change it, so there is no round trip and no queue.

Twenty-three kinds of code

A website, a contact card, Wi-Fi, an event, a location, a message, a payment, a file, a product passport — and one code that sends an iPhone to the App Store and an Android phone to Google Play by working out which is asking.

A bank transfer in the European standard, so a banking app can scan the code and fill the payment in. An audio file that lands on a player rather than a download. Every one of them designed in the same studio and reported on in the same place.

The check

Low contrast and an oversized logo are the two ways a designed code stops working, and neither is visible to a person looking at it. The studio measures the contrast ratio and how much of the symbol the logo covers, and tells you before you download rather than after you print.

Formats

PNG at print resolution, SVG for anything that will be scaled, and PDF for handing to a printer. Vector is the one to use if the code is going on anything larger than a flyer.

Design changes the appearance of the symbol, not its data. A code already on paper cannot be redesigned — only a dynamic code's destination can change after printing.

See it happen

on the table
A designed code still has to work at arm's length, in bad light, on somebody else's phone.

What it looks like

The QR code designer, with the content form on the left and the live preview on the right 1Pick what the code is for — the form changes to match2The preview is the code, not a picture of one3Checked against a real decode before you can download4Logo, colours, frames and patterns5Dynamic, placement, campaign, alerts6Six formats, sized in millimetres for print
  1. Pick what the code is for — the form changes to match
  2. The preview is the code, not a picture of one
  3. Checked against a real decode before you can download
  4. Logo, colours, frames and patterns
  5. Dynamic, placement, campaign, alerts
  6. Six formats, sized in millimetres for print
The designer. Everything renders as you type; nothing is queued.

What you can do with it

Design it properly — colours, logo, shapes, frames

Foreground and background colours, module and eye shapes, a logo with a quiet zone punched out behind it, and framing captions. Everything renders in the browser as you change it, so there is no round trip and no queue.

The check that stops a beautiful code failing

Low contrast and an oversized logo are the two ways a designed code stops scanning, and neither is visible to a person looking at it. The studio measures the contrast ratio and how much of the symbol the logo covers, and says so before you download rather than after you print.

Formats that survive a printer

PNG at print resolution, SVG for anything that will be scaled, and PDF for handing over. Vector for anything larger than a flyer: a scaled-up PNG has soft module edges, and soft edges are what a camera struggles with.

Getting there

  1. Decide dynamic or static

    It cannot be changed later, and the studio says which you are making.

  2. Design it

    Colours, logo, shape, frame — with the check watching.

  3. Download vector

    SVG or PDF for anything printed properly.

  4. Test the real print

    Final size, final stock, an ordinary phone, the real lighting.

More in the same place

Colours Any pair that passes the contrast check.
Module shapes Square, rounded, dots — and the eyes separately.
Logo With the quiet zone punched out behind it.
Frames A caption that tells people what the code is for.
Bulk Hundreds at once from a spreadsheet.
Error correction Chosen for you, raised when a logo needs it.

Questions

Will adding my logo break the code?

Not if it stays inside roughly a fifth of the area. Beyond that it destroys data faster than the error correction can recover it, and the studio warns you where the line is.

Can I use a light code on a dark background?

It works on many phones and fails on some, which is the worst kind of failure because it looks fine when you test it. Dark on light is the safe way round.

Can I redesign a code I already printed?

No. Design changes the appearance of the symbol, which means a different printed square. Only a dynamic code's destination can change after printing.

Try it with one code

The free plan has no expiry and asks for no card, and the analytics behind it are the same ones a paying customer gets.

Free forever for one person. No card, and 10,000 scans a month included.