Neumorphism

Prompt

Identify

Rounded controls resemble [soft extrusions¹] from a background of the same colour. Paired [light and dark shadows] make edges appear gently raised or pressed inward.

Principle

Opposing shadow offsets simulate directional lighting, while blurred edges suggest shallow depth. [Inset shadows²] create recessed controls without changing the underlying flat screen.

Example

Alexander Plyuto: Skeuomorph Mobile Banking, 2019.

Try it out

Draw a pale grey rounded rectangle on matching grey, then add blurred white and dark shadows on opposite sides.

Background

Neumorphism gained attention around 2020, following interface experiments shared online in late 2019. Alexander Plyuto’s banking concept became a widely cited example of the approach. It revived skeuomorphism’s suggestion of physical objects, but usually replaced detailed textures with smooth, nearly monochrome surfaces. Designers could construct the effect with CSS box shadows³, placing a pale shadow opposite a darker one. The result suggested controls moulded from the surrounding panel rather than placed above it. However, weak boundary contrast could make controls and their states difficult to distinguish.

Distinction

Traditional skeuomorphism may imitate leather, metal, or other recognisable materials. Neumorphism usually suggests one continuous surface, unlike ordinary drop shadows beneath visibly separate cards.

Aftermath

It shows how small lighting cues can suggest depth, while revealing the accessibility costs of subtle control boundaries.

Question