All terms
Surface & Material/lexicon/neumorphism

Neumorphism

also known assoft UI · neo-skeuomorphism

A soft 3D surface style using paired inner and outer shadows on a single background color to simulate extruded plastic.

01 · Definition

Neumorphism (or 'soft UI') uses two shadows — one light, one dark — on the same color background to make elements appear to extrude from or sink into the surface. The effect mimics injection-molded plastic.

It had a brief 2019–2020 moment after Alexander Plyuto's Dribbble experiments went viral, but accessibility critiques (low contrast, hard-to-distinguish states) pushed it back to niche use. It still works for music players, smart home apps, and minimalist tools where the entire UI lives on one background.

Use when
  • Single-color UIs (music players, smart home, calm apps)
  • Toggle-heavy interfaces where state can be redundantly indicated
Avoid when
  • Anywhere accessibility matters and you can't add color cues
  • High-density information UIs
02 · Do
  • +Pair every neumorphic element with a color or icon state cue
  • +Keep shadow blur 8–24px and shadow offsets symmetric
03 · Don't
  • Don't use neumorphism for primary CTAs without additional contrast
  • Don't mix neumorphism with sharp flat elements
06 · Common questions

People also ask

Is neumorphism still in style?

It peaked in 2020 and has since become a niche choice. It works well for specific contexts (music, smart home, calm tools) but is no longer a default for product UI.

07 · Related terms