# Glassmorphism

Explore the same project workspace.

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

## Why: the goal or problem

A foreground panel must remain distinct without completely hiding what lies behind it. A solid block removes that context.

## How: work toward a solution

Use the workspace’s three tasks and two notes. Mark one task: progress becomes 1 / 3 and 33%. Filter tasks or open notes; reset restores the initial state. Opaque panels replace the frosted surfaces when selected.

## What: the concept

**Glassmorphism** — Translucent panels reveal a blurred background.

Contrast depends on the backdrop; offer an opaque mode and test each scene.

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