What is it?
The effect comes from colourful shapes filtering through the glass layer, so the style works with a rich but calm background, not on its own.
The biggest risk is legibility: text on a blurred, shifting background doesn't have the same contrast everywhere.
Defining traits
- Translucent cards with background blur (backdrop-filter)
- Thin, light border strokes
- Soft colour orbs in the background
- A dark or vivid base colour
- A limited number of layers
Where does it fit?
An attractive showcase for fintech and crypto interfaces, app landing pages, music and media apps, and technology-focused agency sites.
Recommended industries
- SaaS & software
- Finance & insurance
- Agency & portfolio
When to be careful
Avoid it on text-heavy pages, in public and health services where accessibility is critical, and on legal sites that call for seriousness.
Industries to be careful with
- Health & wellness
- Legal & consulting
- Education
Which styles does it combine with?
- Supporting · + Dark mode & soft futurismA premium technology showcase
The dark canvas and product mockups form the main language; glass appears on a single hero panel only. Puki's own site uses this pairing.
Performance & accessibility
Blur is expensive, especially on low-end phones. Don't stack glass layers, and keep the effect to small areas.
