Neumorphism
Extruded from
the surface
Neumorphism creates UI elements that appear to emerge from or push into the background material — soft, physical, and tactile.
It relies on dual shadows: one dark, one light, offset diagonally — mimicking a single ambient light source. The result is a surface that feels squeezable.
Two shadows
Dark below-right, light above-left
Matched bg
Card and page share the same colour
Soft radius
Generous rounding softens the extrusion
Low contrast
Subtle, never harsh or sharp
Interactive Elements
Input field (inset)
Enter text here…
Button (raised)
Confirm Action
Toggle (active)