Why Create a Custom QR Code?
A plain black-and-white QR code works, but it blends into the background. Learning how to create a custom QR code — with brand colors, your logo, a distinctive dot shape, and a frame that says "SCAN ME" — turns a technical square into a design element people actually notice and scan. Custom styling also signals trust: a code that matches your brand looks intentional, not like spam.
The good news is that custom QR code design does not require design software or a paid subscription. TooStamply's QR code generator does all of it in the browser, free, with no signup. Here is the full walkthrough.
Step 1: Choose Your QR Type
First decide what the QR code should do. TooStamply supports 12 types, so you are not limited to plain links:
- URL for websites, portfolios, and landing pages
- WiFi to share network access without typing a password
- vCard for digital business cards
- WhatsApp, Email, SMS, Phone for direct contact
- Location, Calendar, App Store, Bitcoin, Text for everything else
Pick the type, fill in the fields, and the preview updates live.
Step 2: Pick a Shape Preset
The shape preset is the fastest way to change the whole feel of your custom QR code. Choose from 10:
- Classic — Square dots and corners. Clean and professional.
- Modern — Rounded dots with circular corner markers. Contemporary.
- Bubble — All circular shapes. Playful and approachable.
- Elegant — Classy dots with dot corners. Sophisticated.
- Luxury — Classy-rounded with subtle curves. Premium.
- Soft — Extra-rounded everything. Gentle and friendly.
- Retro — Classy dots with rounded corners. Vintage charm.
- Minimal — Square dots with circular corners. Understated.
- Bold — Rounded dots with square corners. Strong presence.
- Tech — Extra-rounded dots and corners. Futuristic.
Step 3: Apply Your Brand Colors
This is where a QR code generator with color options earns its keep:
- Set the primary dot color to your brand color.
- Set the background to complement it (keep it light for contrast).
- Enable a gradient for a modern finish, with four direction options.
If you need matching hex values, build a coordinated set with the color palette generator first, then paste the codes in. Just keep contrast high — dark dots on a light background scan far more reliably than the reverse.
Step 4: Upload Your Logo
Drop in a PNG, SVG, or JPG up to 2MB. TooStamply automatically raises error correction to H-level to compensate for the covered area, so the code still scans. Keep the logo under 35% of the total area for the best reliability. Our free QR code generator with logo guide covers this in depth.
Step 5: Add a Frame
Frames wrap your custom QR code and add a call-to-action. There are 12 styles:
- Market Bag — Shopping bag with handles
- Ticket — Event ticket with perforated edges
- Stamp — Postage-stamp perforations
- Ribbon — Decorative banner at the bottom
- Chat Bubble — Speech bubble with a tail
- Tag — Price tag with a hole and point
- Plus Border, Banner, Badge, Circle, and Arrow
Each frame includes editable CTA text such as "SCAN ME," which reliably increases scans on printed materials.
Step 6: Download the Right Format
Match the format and size to where the code will live:
| Format & size | Best for |
|---|---|
| PNG 512px | Social media, email |
| PNG 1024px | Websites, presentations |
| PNG 2048px | Print, packaging |
| SVG | Any size — scales without blur |
For anything printed, SVG is the safest pick because it is a vector and never pixelates.
Making a Circular or Round QR Code
A popular request is a circular-looking code. To get that effect, choose the Bubble or Modern shape preset, enable the Circle frame, and select circular corner dots. The result reads as round while every module stays fully scannable.
Custom QR Codes for Business Cards
If your goal is a card, the QR code business card tool is tailored for it, and our business card QR guide covers sizing and placement. The Modern, Luxury, Minimal, and Elegant presets suit cards especially well.
Test Before You Print
Never send a custom code to print untested. Colors, gradients, and logos all affect scannability. Open the QR code scanner or QR code reader, scan your finished design from your screen, and confirm it lands on the right destination. Test from at least two phones to be safe.
Frequently Asked Questions
How do I create a QR code for free? Open the TooStamply QR Code Generator, choose your type (URL, WiFi, vCard, and so on), enter your data, customize the design, and click download. No account is needed in 2026.
How do I create a custom QR code with my own colors? Use the Color section to set the dot color, background, and an optional gradient in four directions. Changes appear live in the preview.
Can I create a circular QR code? Yes. Select the Bubble or Modern shape preset, enable the Circle frame, and choose circular corner dots. It looks circular while staying fully scannable.
How do I add a frame to my QR code? In the Frame section, pick from 12 styles including Border, Stamp, Ticket, Market Bag, and Chat Bubble, then add your own CTA text and frame color.
What image format should I download for printing? SVG is best for print because it scales infinitely without blur. If SVG is not supported, use PNG at 2048px.
Related Guides
- Free Online QR Code Scanner — scan and read any QR code
- QR code design ideas — shapes, colors, gradients, and frames
- QR code for business cards — create digital business cards
- Best free QR code generator — no signup, no watermark