AestheticResearch overview

Glassmorphism.

Translucent, blurred panels float above colorful backgrounds like sheets of frosted glass.

How to recognize it.

Background blur
Semi-transparent panels
Thin light borders

Context & origins.

Glassmorphism is a visual design style that imitates frosted glass, using varying degrees of translucency to separate foreground elements from the background and suggest depth. According to Nielsen Norman Group, it has been gaining popularity since 2020 and features prominently in the design systems of Apple and Microsoft. Its main ingredients are reduced opacity and background blur, often refined with strokes and gradients. Used carefully it can build hierarchy, but overuse can create accessibility and usability problems.

Historical context draws on the supplied research. Approximate periods are reference ranges, not fixed boundaries. See the source notes below.

In practice.

Test text contrast over the brightest and darkest parts of the background.

What to watch for

Blur alone is not a hierarchy; many stacked glass layers become muddy.

These are editorial design observations, not rules for classifying every work.

Visual characteristics.

grid discipline: moderate
palette logic: full spectrum
contrast: low
texture: subtle
hierarchy: moderate
ornament level: minimal

Works to study.

[Recreated] Liquid Glass - Apple's iOS 26 Design ↗Duong Hoang Tien, 2025. Isolates frosted, refractive glass components over saturated gradients, showing the 2025 Liquid Glass evolution.
Glassmorphism login page Ui | liquid glass Ui/Ux design ↗Ajay Biswas, 2025. Textbook frosted form panel floating over bright blurred orbs on a dark field.
UI Liquid Glass App - Ecommerce ↗N Design, 2025. Applies translucent glass cards and controls to a practical e-commerce mobile flow.