Neumorphism

Neumorphism makes the whole interface look molded from one continuous, soft material. Instead of stacking cards on a background, elements appear extruded from—or pressed into—the surface itself, using a precise pairing of a light highlight and a dark shadow. The effect is quiet, tactile, and a little futuristic, like buttons under a thin layer of soft rubber. Reach for it on calm utility surfaces—dashboards, players, control panels—where a gentle, physical feel adds polish without shouting.

Design principles

• One material, one surface: background and components share nearly the same color so depth comes only from shadow, not contrast.
• Every raised element needs two shadows—a light highlight from the top-left and a darker shadow to the bottom-right—at equal, opposite offsets.
• Pressed (inset) states invert those shadows inward to read as carved into the surface.
• Keep contrast deliberately low; the look depends on subtlety, so avoid hard borders and saturated fills.
• Reserve the accent for the single most important interactive state on a screen.
• Use large, soft radii everywhere; sharp corners break the molded illusion.