A visual design style that creates the illusion of soft, extruded plastic interfaces through subtle dual-shadow effects — a light shadow from one direction and a dark shadow from the opposite — giving elements the appearance of being pressed into or raised from a continuous surface. While visually distinctive, neumorphism presents significant accessibility challenges due to its inherently low contrast between interactive and non-interactive elements.
Common contexts
- Evaluating a neumorphic design concept against WCAG contrast requirements before presenting it to a client
- Using neumorphic aesthetic selectively for decorative non-interactive elements while keeping interactive controls at accessible contrast ratios
- Documenting why a neumorphic prototype was rejected during an accessibility audit and what the accessible alternative looks like
Use when
Limit neumorphism to decorative or non-interactive surfaces in contexts where accessibility is not a primary concern — such as marketing visuals or product showcases — where its tactile aesthetic adds value without creating navigation barriers.
Avoid when
Don't use neumorphism for interactive UI components in any product that must meet WCAG AA standards — the style's defining characteristic is low contrast, which directly conflicts with the minimum 4.5:1 contrast ratio required for text and interactive elements.
Neumorphism is one of the clearest examples of a design trend that looks compelling in isolation but fails as a system — the aesthetic works because contrast is low, and that's exactly what makes it inaccessible.
Real-world examples
- Samsung's One UI briefly experimented with neumorphic button styles in 2020; accessibility testing revealed that the low-contrast soft-shadow treatment failed WCAG 2.1 AA contrast requirements, leading to its removal.
- Dribbble saw millions of saves for neumorphic UI concepts in 2020, but virtually zero major products shipped the style — the gap between designer enthusiasm and production viability became a case study in trend versus practice.
- The neumorphism trend surfaced a productive tension in the design community between visual novelty and accessibility: the style consistently scores below 3:1 contrast ratio, blocking users with low-contrast vision.