Glassmorphism
Frosted translucency, blur, and layered depth.
What it is
Glassmorphism uses background blur and semi-transparent panels to float content in translucent layers. It creates depth and focus, popularised by iOS and Windows.
When to use
Overlays, cards, and hero areas over rich imagery where a sense of depth and lightness helps.
When not to
Text-heavy or low-end contexts — blur is costly to render and can hurt legibility.
