Neumorphism
Same base color, dual soft shadows that read as raised or pressed clay.
What it feels like
Like pressing into soft rubber — controls share the surface color and only dual soft shadows lift them, quiet but not flat.
Why it works
Low contrast feels expensive and restrained; inset press feedback is clear without shouting in saturated color.
How to tell AI
Neumorphism: controls match the background, raised dual soft shadows (light top-left, dark bottom-right), inset on press, large radius; no loud colors or thick black borders.
Signals
- · Controls nearly match the background
- · Raised: dual soft shadows (light + dark)
- · Pressed: inset shadow
- · Large radius, low contrast
Don't confuse with
Clay is more colorful and object-like; flat has no dual shadow; glass shows the backdrop through.
Style brief
Paste into your coding agent
Visual style: Neumorphism. Same base color, dual soft shadows that read as raised or pressed clay. Defining signals: - Controls nearly match the background - Raised: dual soft shadows (light + dark) - Pressed: inset shadow - Large radius, low contrast Do not confuse with: claymorphism, flat-design, glassmorphism. Clay is more colorful and object-like; flat has no dual shadow; glass shows the backdrop through. Implementation brief: Use neumorphism: monochrome soft UI, same base color for surface and controls, dual soft shadows (light top-left, dark bottom-right), pressed states use inset shadows, large border-radius. Avoid bright multi-color blocks and thick black outlines. Keep scope to visual language and components styling; do not redesign product information architecture unless asked.