Skip to main content
Sign up

Customize Your QR Code

Dot styles, corner styles, 24 themes, gradients, logo and frame options - and how a QR code is built from finder patterns, a quiet zone and data modules.

Every QR code UNI-QR generates is made of the same three parts, however it is styled: a pattern of square finder marks that let a scanner find and orient the code, a blank quiet zone around the edge, and a grid of data modules that actually encode your content. UNI-QR's styling options change how those parts look without changing what they do.

Diagram of a QR code labeling the three corner finder patterns, the quiet zone margin, and the scattered data modules in the middle
  • Finder pattern (corner frame + corner dot)
  • Quiet zone (margin)
  • Data modules
The three parts of any QR code: finder patterns, the quiet zone, and data modules.

Dot style

The data modules can be drawn in 9 dot styles: Square, Rounded, Extra rounded, Dots, Classy, Classy rounded, Diamond, Vertical bars and Horizontal bars. This changes the shape of every data module at once and has no effect on what the code decodes to.

Corner frame and corner dot

The three finder patterns in the corners have two parts you can style separately: the outer ring (Corner frame - Square, Rounded, Extra rounded, Circle or Leaf) and the center square (Corner dot - Square, Rounded, Circle or Leaf). Keeping strong contrast and a clearly closed shape on both helps a scanner lock onto the code quickly - see Scan Reliability for more.

Themes

24 ready-made themes apply a matching color pair in one click: Classic, Slate, Ocean, Royal Blue, Emerald, Pakistan Green, WhatsApp, Insta Glow, Sunset, Cherry, Grape, Coffee, Forest, Luxury Gold, Restaurant, Mint, Steel, Rose, Indigo Ink and Tech Cyan, plus four dark-mode themes built for a dark background: Midnight, Neon, Carbon and Aurora.

Colors, gradient and transparency

  • Dots color and Background color can each be set to any hex value.
  • Transparent background removes the background fill entirely, for placing the code over a photo or colored design.
  • Gradient applies a two-color gradient across the dots instead of one flat color.
  • Corner color lets the finder patterns use a different color from the data dots.

Logo and frame

Upload a logo to place in the center of the code, and add a frame with your own call-to-action text, such as "Scan to pay" or "Scan for WiFi". Because a logo covers part of the data grid, pair it with a higher error-correction level (Q or H) so the code still decodes reliably - covered in Scan Reliability.

Check your work as you go

UNI-QR shows a "Scan test passed" badge next to the version/module count after every change - a quick, automatic first check before you move on to a real-device scan.

Last updated