Glassmorphism
Depth without weight. Translucency as luxury.
"Translucency lets a layer borrow context from what is behind it — you always know where you are."
In June 2020, Apple released macOS Big Sur, the most significant visual revision of the Mac operating system in nearly two decades. Among its most discussed features was a pervasive use of translucency: panels, sidebars, menus, and the dock were rendered as frosted glass, blurring whatever sat behind them. Apple had used translucency before — the effect goes back, in milder forms, to the early 2000s "Aqua" interface and to iOS 7's Control Center — but Big Sur pushed it to the center of the design language. Within months, the design community had a name for the style as a general tendency: glassmorphism. The designer Michał Malewicz is usually credited with coining and popularizing the term, and notably, he did so partly to define the style so it could be discussed and critiqued, not only admired.
The visual recipe is specific and easy to enumerate. A panel is made semi-transparent and given a background blur, so that the content behind it shows through as a soft, colored frost. A thin, light border is added to the panel's edge, simulating the way light catches the edge of a real pane of glass. A soft drop shadow reinforces the sense that the panel floats above the layers beneath it. The background behind the glass is typically vivid — a saturated gradient or a colorful photograph — because the whole effect depends on there being something interesting to see through the frost. The result is a look of layered depth and lightness: the interface appears to be made of stacked sheets of tinted glass, hovering over a luminous backdrop.
What separates glassmorphism from the other post-flat texture experiments — and the reason it has proven the most durable of them — is that its central effect carries genuine information. Translucency is not pure decoration. When a panel is frosted glass rather than opaque, you can see, dimly, what is behind it, and that tells you something true and useful: it tells you where this layer sits in the stack, what it is covering, what you will return to when you dismiss it. A translucent menu communicates "I am temporary; the thing behind me is still there." This is a real affordance, not a cosmetic flourish. Apple's own design documentation frames system translucency in exactly these terms — as a way for a layer to borrow context from its surroundings so the user never loses their place. That functional core is why glassmorphism survived while neumorphism, its exact contemporary, collapsed within eighteen months.
But the style has a serious and unavoidable weakness, and it is an accessibility weakness. The effect depends on a busy, colorful background showing through the glass — and text placed on a semi-transparent panel over a busy background is text with unpredictable, often inadequate contrast. As the content behind the glass changes, the effective contrast of the foreground text changes with it, sometimes falling well below the thresholds that make text reliably legible for users with low vision. Glassmorphism done carelessly fails accessibility outright. Done well, it requires real discipline: controlled, calm backgrounds behind any glass that carries text; sufficient blur and tint to stabilize contrast; and a willingness to abandon the effect entirely wherever legibility is non-negotiable.
Glassmorphism's place in the lineage is as one of three sibling reactions — alongside neumorphism and claymorphism — against the absolute flatness of the mid-2010s. All three, around 2019 to 2021, tried to bring tactile depth back to the interface after Flat Design had stripped it away. Of the three, glassmorphism is both the oldest in spirit, with roots running back through iOS 7's translucency to Windows Vista's "Aero glass" of 2007, and the most likely to last, because it is the only one of the three whose signature effect does a job. Translucency, used with care, is not merely a look. It is a way of telling the user, honestly and at a glance, where they are.
- 01Frosted-glass panels: blurred translucency over a background
- 02A thin light border on the glass edge to catch the "light"
- 03Layered depth — panels float above colorful or photographic backgrounds
- 04Soft, diffuse shadows reinforcing the sense of stacked planes
- 05Vivid, often gradient backgrounds shown through the blur
- 06A look of lightness and premium polish; "expensive" without weight
(Apple and Microsoft design teams) · Michał Malewicz (coined "glassmorphism")
The most durable of the post-flat texture experiments — because translucency carries real information (layer order, context) rather than pure decoration. Survives where neumorphism did not.