# Neumorphism

Explore the same project workspace.

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

## Concept

Same-tone surfaces use upper-left highlights and lower-right shadows, without resting borders.

## 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. The checked row sinks inward; its tick and strike-through remain without shadows.

## When to choose it

Choose it for a small control panel. Ticks, strike-through, and counts must survive shadow removal; retain focus and forced-color outlines.

[Hype4](https://hype4.academy/articles/design/ui-design-shapes-objects-basics-shadows-and-blurs)