Surface
Frosted panels
A semi-transparent surface blurs what passes behind it without hiding it completely.
Industry-coined trend
Translucent blurred cards placed over a vivid backdrop.
Also called: frosted glass UI, glass UI, frosted panels
Glassmorphism uses translucent panels, backdrop blur, and a light edge to create decorative depth. The backdrop visible through the glass supplies much of the palette.
Scope: This style covers generic glass surfaces such as cards and dashboards. It does not name Apple’s adaptive Liquid Glass material.
A credible example should make these signals visible without relying on the style name.
Surface
A semi-transparent surface blurs what passes behind it without hiding it completely.
Color
An image or saturated gradient remains visible through the panels and carries the palette.
Geometry
A subtle light stroke separates the glass from neighboring surfaces.
Depth
Wide soft shadows show several stacked sheets of glass.
Choose the intent that matches the actual work. Each brief preserves the style signals and safeguards.
Create this surface with glassmorphism. Use semi-transparent panels with backdrop-filter, a visible colorful backdrop, a 1px light edge, and soft shadows. Provide a near-opaque fallback when blur or transparency is reduced.
Modify only the visual layer of the existing cards. Preserve structure and components, then add transparency, blur, a light edge, and depth. Check contrast against the lightest backdrop region.
Repair this glassmorphism without adding more glass. Make the backdrop visible, limit the treatment to secondary surfaces, increase opacity behind text, and add a fallback without backdrop-filter.