Design4 min readMay 09, 2026By Alex Rivera
🎨

Coloured QR Code Styling: Dot Gradients & Rounded Finder Eyes

Soften your QR style. Learn how to mix smooth linear gradients with rounded finder corner shapes elegantly.

Upgrading your eye modules

The three corner squares (finder patterns) can be shaped separately from the interior dots. Rounding the outer rings and converting the inner core to circular dots results in a softer, friendlier layout.

Applying linear gradients

Create a beautiful transition from brand purple to electric indigo across the QR body. Ensure both ends of the gradient are sufficiently dark against the background card.

AR

Written by Alex Rivera

Technical Director & Product Designer

Alex Rivera is a software engineer and digital designer specializing in mobile identity, QR technology, and contactless workflows. He has spent over a decade building high-performance web applications and native tools.

Ready to create your QR code?

Free, no account needed for static codes. Sign up for dynamic codes and analytics.

Create QR code — free
Now Live on iOS

QR Maker is on the App Store!

Generate, customize, and scan QR codes natively offline.

Download App