Hex Lens: a honeycomb of glass hexagons over lilac and pink
Hex Lens sets Tile shape to Hexagons, so a honeycomb of glass cells, 7 across, covers a Flow gradient on the Orchid palette. Lilac, rose pink and deep violet swirl over a dark plum base with Distort at 60, and Lens strength at 70, higher than in Glass Tiles, blows each cell's patch of color up like a drop of water. Frost stays low at 10, so the cells read as clear glass with bright rims rather than frosted panes.
Make it yours
Tone down the magnification
Lens strength at 70 enlarges the flow a lot inside each hexagon. Near 30 the cells become flat glass that barely bends the colors, which is calmer behind a pricing table or a form.
Scale the honeycomb
Tiles across is 7. For a bold, graphic pattern with big cells drop it to 4; at 12 or more the hexagons shrink into a fine texture. Speed controls how fast the flow moves beneath the fixed cells.
FAQ
Do the hexagons move when the gradient animates?
No, the honeycomb stays fixed in place. With Animate on, the Flow gradient keeps moving underneath, so the colors slide through each lens and get magnified as they pass. You get motion without the grid itself drifting, which keeps layouts built on top of it steady.
How it works
Pick a starting point
Start from one of 28 looks such as Soft Mesh, Eclipse Rays or Riso Halftone, or choose a gradient type and one of 24 palettes.
Tune the gradient
Adjust scale, distortion, swirl and softness, add grain, glass panes or glass tiles, a dot, grid or line overlay, a second blended layer or a treatment such as halftone or pixel sort, and switch animation on with its own speed.
Preview and use it
See the gradient in landing page, card, mobile and sign up layouts, then sign in with a free UX Pilot account to use it on the canvas or export it.