Skip to main content

How to design custom QR Codes

Change the shape of the eyes, use a color gradient and a background image

Allison Murdoch avatar
Written by Allison Murdoch
Updated over a week ago

Uniqode offers several design options to help your QR Codes stand out and stay on brand.

From changing pattern shapes to customizing colors, frames, and logos, Uniqode lets you design QR Codes that align seamlessly with your brand’s visual identity. Here’s a step-by-step guide to creating a custom QR Code from scratch.

Prerequisites

Customization of QR Codes is available on all plans

How to customize the design of your QR Code

  1. Sign in to your Uniqode account

  2. Set up a QR Code by choosing a type and entering content

  3. Click Next to go to the Customize step

This is where you bring your QR Code to life. Uniqode offers a wide range of customization options to help you tailor the design to your brand.

Templates

Templates allow you to create consistent QR Code designs and reuse them across campaigns.

To apply a template, go to the Templates section in the customization menu and select one from your saved templates. You can also choose from several pre-built templates to get started quickly.

Tip: Using templates is especially helpful for teams managing multiple QR Codes

Logo

Adding a logo makes your QR Code instantly recognizable and strengthens brand recall.

To add a logo:

  1. Open the Logo tab in the customization panel.

  2. Choose a logo from the built-in gallery or upload your own.

  3. Adjust the logo size using the slider.

  4. Optionally, remove the background behind the logo for better visibility.

Tip: Keep the logo size moderate to avoid interfering with scan performance.

Eyes

The “eyes” are the three square markers at the corners of the QR Code. They help scanners identify the QR Code’s orientation.

To customize them, open the Eyes tab.

Eye-ball color and shape

  • Select a color from the palette or enter a hex code.

  • Choose from the available shape options.

Eye-frame color and shape

  • Pick a color that aligns with your brand.

  • Select a frame shape from the available styles.

Pattern

Your QR Code doesn’t have to use the standard square pattern. Uniqode offers multiple pattern shapes to choose from.

You can also customize the pattern color.

Tip: Always choose a pattern color that contrasts clearly with the background to ensure scannability.

Background

Uniqode allows you to customize the QR Code background in several ways:

  • Choose a solid color

  • Upload an image

  • Select a transparent background=

Best practices for backgrounds:

  • Maintain a contrast ratio of at least 40%. This means the QR Code should be at least 40% darker than the background.

  • Always scan your QR Code on a mobile device after customization.

When using image backgrounds:

  • Avoid color clashes between the QR Code and the image.

  • Test thoroughly to ensure scan reliability is not affected.

Frames

Frames help draw attention to your QR Code and allow you to add a call-to-action (CTA).

You can:

  • Choose from multiple frame styles

  • Edit the CTA text using the frame text option

  • Convert your QR Code into a circular QR Code by selecting a circular frame

And there you have it - you've finished customizing your QR Code to match your brand. All that's left now is to download your QR Code.

You can download your QR Code in PNG, SVG, JPEG, or EPS formats.

Did this answer your question?