Designing a scannable code

In Step 3 you can change the foreground and background colors, apply a linear or radial gradient, choose dot and corner styles, add a center logo, and wrap the code in a frame with a call-to-action.

Every change runs a readability check. Low contrast, an oversized logo, or too little quiet zone are flagged — errors block download until fixed, warnings just advise.

Twenty ready-made templates give you a good starting point. “Reset design” returns to the clean default at any time.