Neumorphism
ニューモーフィズム / late 2010s– / Style / UI Expression
Makes background and controls one material, showing relief through soft shadow alone.
At a glance
Visual cues
- Same-color surfaces
- Two-direction shadows
- Rounded parts
- Low contrast
Best used for
- Concept screens with few interactions
- A soft, quiet product impression
Use this style
Take the compact brief into a project or hand the structured version to an AI tool.
Detailed guidance and sourcesProduction rules, reference works, comparisons, research and citation formats
Dictionary entry
- Type
- A concise sans-serif
- Composition
- Big margins, few controls
- Material
- Pale ground, one light and one dark shadow, rounded corners
- Caution
- Contrast failure comes easily. Mark key actions and states with color and outline too.
- Further study
- Alexander Plyuto / Michał Malewicz
Related entries
- Flat Design / Vector Minimalism (フラットデザイン / ベクターミニマリズム)Same UI Expression lineage.Compare Neumorphism and Flat Design / Vector Minimalism
- Neubrutalism (ニューブルータリズム)Same UI Expression lineage.Compare Neumorphism and Neubrutalism
Often confused with
More from UI Expression
Continue through styles in the same UI Expression family, prioritised by shared effects.
- Glitch (グリッチ)Shared effects: Futurity.
- Metalheart (メタルハート)Shared effects: Futurity.
- Terminal UI (ターミナルUI)Shared effects: Calm.
Browse all UI Expression entries
Cite this entry
The dictionary is meant to be linked to. Take whichever form fits where you are writing.
- Link
- https://indexstyle.org/styles/neumorphism
- Markdown
- [Neumorphism — IndexStyle](https://indexstyle.org/styles/neumorphism)
- HTML
- <a href="https://indexstyle.org/styles/neumorphism">Neumorphism — IndexStyle</a>