Neumorphism
Soft, extruded UI elements that look pressed into or raised from the background using dual shadows. Trendy around 2020–2021.
Also called: soft UI, neumorphic design
Raised
Pressed
How it works
Same background color on element and page. Two box-shadows: one dark (bottom-right), one light (top-left). Inset shadows for pressed state.
- Needs low-contrast backgrounds — accessibility can suffer
- Works best in dark or light monochrome palettes