Design a QR code people want to scan.
A plain code, a minimal design or a full badge, in four shapes, with text that never touches the code.
Shape
Design
Colour
Want more control? Switch to any time: your design carries over.
Ready-made templates
Or start from an example for this look, then make it yours.
Saved designs
Saves everything except the web address, so one design can serve many codes. Load one, change it, and press Update.
1Content
What the code opens: a web address, or any text.
Phones join your network when they scan. The password stays in your browser: it isn't sent to us.
2Shape
Round shapes hold a round code; square shapes hold a square one.
3Look
4Code
How the code itself is drawn: dots in a style you choose, with an icon or logo in the middle, or painted in the style of a painter or a music genre.
Logos and icons are sized automatically: as big as possible while phones can still read the code.
Paint the code itself in the style of a painter or a music genre, for concerts, festivals, exhibitions and galleries. Every brushstroke is generated (no real paintings), and each code is read like a phone camera would before you download it.
For the code on its own, with no card or text round it: Standard look, no text. Add a badge, text or a shape round it whenever you like.
Without a paid plan, the QR Code Spot name is painted in small letters under the code. Paid plans download it without the name.
5Text
Text sizes itself to fit and never touches the code.
{link} prints the link people can type if the camera fails: .
Font
Fonts from your set. Weight changes how thick the letters are.
Saved text styles 2
6Colour
Full colour uses a palette. Single colour uses one ink on one paper, for everything.
Everything (background, text, outline and the code) uses these two colours. Turn on Invert colours in Effects for a light code on a dark background.
Choose your colours below, then save them here.
7Effects
Finishing touches. The code always stays readable.
What do these mean?
Scan test: we read the whole design the way a phone camera does. Still test the printed code with your own phone.
Code contrast: how much darker the code's dots are than what's right behind them. Phones need dark dots on a light background: 4:1 or more scans reliably, under 4:1 can fail in dim light, and under 2.5:1 some phones can't read it.
Text contrast: how easy your lettering is to read against its background, by the WCAG accessibility standard. 4.5:1 or more is easy for everyone; 3:1 is fine for large text.