How to customize your QR code: logo, colors and frame 

Start from a style

In the Design tab, the Styles row gives you ready-made color combinations such as Classic, Midnight, Ocean or Gold. Pick one as a starting point, then fine-tune it.

Customize step by step

1. 1Code color: choose the color of the modules. Dark colors scan best.
2. 2Background: choose a light color, or keep white.
3. 3Module shape: square, dots, rounded or classy.
4. 4Center logo: upload your logo. It is placed in the middle of the code.
5. 5Frame: add a frame and a call to action, such as SCAN ME, FREE WIFI or SEE THE MENU, or type your own text.

Rules that keep your code scannable

• ✺Keep strong contrast: a dark code on a light background.
• ✺Avoid a light code on a dark background; some scanners can't read inverted codes.
• ✺Keep the logo small. The generator warns you if it covers too much of the code.
• ✺Leave the white margin around the code when you place it in your design.

Why a frame helps

People scan more when they know what they'll get. A short call to action like “SEE THE MENU” or “SCAN FOR WIFI” tells them why to pull out their phone, and makes your code stand out on a busy flyer.