06 · Custom
Set your colors, pick a module shape, drop in a logo. Preview live and export in the format you need.
Shapes
Classic square, rounded, or dot. Keep scans reliable across all three.
Color
Set foreground and background with hex. Contrast checker warns if a scan is at risk.
Logo slot
PNG or SVG. Auto-sized to the safe zone; error correction boosted automatically.
Workflow
Custom styling scales only when it stops being a per-code decision. This is how teams industrialise it.
Foreground, background, module shape, and logo treatment. Decide as a team, then never relitigate it per code.
Presets make the correct choice the default choice for every teammate, including the ones who joined last week.
Styling is cosmetic; the dynamic destination is the asset. Get the routing right first, then dress it.
If a placement demands a different background, re-run the contrast check rather than assuming the preset still holds.
A code approved at screen size can fail at coaster size. Print a proof at real dimensions and scan it in the actual lighting.
When brand evolves, update the preset for new codes. Existing dynamic codes keep working, so there is no scramble.
Best practices
Keep it beautiful and keep it scanning.
Gradients and textures reduce module clarity. Save the flourish for the frame around the code.
Leave clear space around the code equal to four modules. Designers crop it; scanners need it.
'Scan for the menu' outperforms a bare code. Put the instruction in the layout, not in the QR.
One source of truth in the shared library prevents three slightly different versions in three decks.
Solid colors only — gradients hurt scan reliability. We'd rather ship a QR that works than a QR that looks great and fails.
Any color, as long as the contrast between fg and bg is high enough. Our editor warns you if it isn't.
SVG. Infinite resolution, tiny file size.