Surface
One continuous surface
The background and controls share exactly the same matte color.
Industry-coined trend
Controls molded into a matte surface through two very soft shadows.
Also called: Soft UI, neomorphism, soft neumorphic UI
Neumorphism makes controls appear raised from or pressed into one continuous surface. Background and elements share the same color while a light and dark shadow pair creates relief.
Scope: This entry covers the Soft UI trend that appeared around 2019. Thicker, independently colored floating objects belong closer to claymorphism.
A credible example should make these signals visible without relying on the style name.
Surface
The background and controls share exactly the same matte color.
Depth
One light and one dark shadow describe a consistent diagonal light.
Depth
Active states invert the shadows into the surface.
Geometry
The shape appears through shadow transitions without a clear outline.
Choose the intent that matches the actual work. Each brief preserves the style signals and safeguards.
Create a neumorphic surface limited to a few secondary controls. Use one shared matte color, a coherent opposing shadow pair, and inset states. Always add contrast and focus independent from shadows.
Modify only decorative or low-risk controls. Align background and element colors, normalize light direction, and preserve existing labels, focus borders, and states.
Repair neumorphism by increasing label contrast and adding a border or color change to states. Keep shadows as visual depth, never the only way to understand an action.