# Glassmorphism

Explore the same project workspace.

ID: glassmorphism
Language: en
Revision: 5
Translation source revision: 5
Canonical: https://jujin.dev/en/catalog/glassmorphism/

## Concept

Translucent panels reveal a blurred background.

## Example

All eleven styles share a workspace: overview, three tasks, progress, and two resource notes. Follow the menu, check a task, filter Open or Done, and expand a note. Completion becomes 1 / 3 and 33%; unmatched filters show an empty message. Reset or reload restores All, three unchecked tasks, 0%, and closed notes. Opaque panels replace the frosted surfaces when selected.

## When to choose it

Choose it when background context matters. Contrast depends on the backdrop; offer an opaque mode and test each scene.

[NN/g](https://www.nngroup.com/articles/glassmorphism/)