Neumorphism
Make the buttons look like they're softly raised out of the background in the same color palette.
- Keep readable text and controls above contrast requirements
- Use the effect on a small number of large surfaces
- Add clear state changes beyond shadow direction
- Maintain one consistent light source
- Provide visible outlines or color where function depends on the boundary
When to use it
- Concept art and visual experiments
- A decorative media control
- A small themed widget
- Brand imagery where usability is not carried by the shadow alone
When NOT to use it
- Build a dense form or dashboard entirely from low-contrast surfaces
- Use shadow direction as the only selected state
- Place small controls in bright outdoor viewing conditions
- Assume soft appearance means easy interaction
Alexander Plyuto's concept showed controls appearing to press out of a same-colored surface and drew exceptional attention on design platforms.
The style gained the name Neumorphism, and tutorials, UI kits, and generators appeared across the design community.
Very low contrast made controls and backgrounds difficult to distinguish, especially in bright conditions, so real product adoption stayed limited.
Neumorphism now appears mainly in concept work, media controls, and isolated accents rather than complete production interfaces.
Small neumorphic media widget on #e3e9f2, paired light and dark soft shadows, extruded controls, large rounded corners, visible labels and outlines, contrast kept above accessibility requirements