Coloured QR Code Styling: Dot Gradients & Rounded Finder Eyes

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.