Design Tools
Everything you need to create on-brand QR codes.
Custom Colors
FreeChoose any foreground and background color with the hex picker. Free for all users.
Logo Upload
ProUpload your logo (PNG, JPG, SVG, WebP up to 500KB) or paste an image URL. Auto-resized to fit.
Gradients
ProApply linear or radial gradients with custom start and end colors for a polished, branded look.
Frame Text
ProAdd a call-to-action like "SCAN ME" below your QR code. Up to 20 characters.
6 Module Styles
Change the shape of every data module in your QR code.
Square
FreeClassic, high-contrast modules
Rounded
ProSofter, modern feel
Circle
ProSmooth, dot-based pattern
Diamond
ProAngular, eye-catching look
Star
ProPlayful, distinctive shape
Heart
ProPerfect for events and invitations
4 Corner Eye Styles
Customise the three finder pattern corners that help scanners detect the QR code.
Square
Standard corners
FreeRounded
Soft corner radius
ProCircle
Fully round eyes
ProLeaf
Organic, nature-inspired
Pro10 Ready-Made Presets
Start with a preset and fine-tune to match your brand. Two presets are free.
Classic
Black on white
Square modules
FreeOcean
Deep blue palette
Rounded modules
FreeSunset
Warm orange gradient
Circle modules
ProNeon
Electric green on dark
Diamond modules
ProElegant
Gold on black
Rounded eyes
ProForest
Nature green tones
Leaf eyes
ProCandy
Pink & purple gradient
Heart modules
ProMidnight
Deep navy palette
Star modules
ProCoral
Warm coral tones
Circle eyes
ProArctic
Cool ice blue
Rounded modules
ProDesign Best Practices
Follow these guidelines to keep your customised QR codes scannable.
Maintain Contrast
Keep a strong contrast between foreground and background. Dark modules on a light background scan best.
Don't Invert Colors
Light-on-dark QR codes have lower scan reliability. Stick to dark patterns on light backgrounds.
Keep Quiet Zone Clear
Leave white space around the QR code. Cropping or adding borders too close reduces readability.
Test Before Printing
Always scan your customised QR code with 2-3 different phones before bulk printing.
Logo Size Matters
Your logo should cover no more than 30% of the QR code area. Error correction handles the rest.
Use SVG for Print
Download SVG format for print materials. It scales to any size without losing quality.
Frequently Asked Questions
Can I add my logo to a QR code?
Yes! TapNN Pro lets you upload your logo in PNG, JPG, SVG, or WebP format (up to 500KB). The logo is automatically centered and sized. QR codes use error correction to remain scannable even with a logo overlay.
Will a customised QR code still scan?
Yes, as long as you maintain sufficient contrast between the modules and background. TapNN's customiser keeps designs scannable by default. Always test with a phone before printing.
What customisation is free vs Pro?
Free users get custom foreground and background colors plus the Classic and Ocean presets. Pro unlocks all 10 presets, 6 module styles, 4 eye patterns, gradients, logo upload, and frame text.
What image formats can I upload for a logo?
PNG, JPG, SVG, and WebP. Maximum file size is 500KB. Images are automatically resized to 200px max dimension for optimal QR code integration.
Can I use gradients on my QR code?
Yes! Pro users can apply linear or radial gradients with custom start and end colors. Gradients create a polished, branded look while maintaining scannability.
How many design presets are available?
TapNN offers 10 design presets: 2 free (Classic, Ocean) and 8 Pro presets (Sunset, Neon, Elegant, Forest, Candy, Midnight, Coral, Arctic). Each preset configures colors, module style, eye style, and gradient settings.