Surface & depth Illustrative reference Copy-ready LLM prompt

Neomorphism

Soft, extruded controls appear molded from the same surface through paired light and dark shadows.

Illustrative finance dashboard with softly raised cards and inset controls in a neomorphic style.
Original illustrative recreation—not a generated result or proprietary product screenshot. Original HTML/CSS illustration

Copy-ready LLM prompt

Neomorphism: Copy-ready LLM prompt

Use this as a starting brief, then adapt the content, brand, and interaction requirements for your project.

Design a focused interface using neomorphism: a restrained neutral surface, controls that appear gently raised or inset through paired light and dark shadows, generous rounded corners, and minimal color accents. Keep text and essential controls high-contrast, use conventional focus indicators, and do not rely on shadow alone to communicate state. Provide hover, pressed, disabled, error, and mobile states while preserving accessibility.

Recognition traits

How to recognize this style

Soft, extruded controls appear molded from the same surface through paired light and dark shadows.

  1. 01 Low contrast
  2. 02 Paired shadows
  3. 03 Rounded controls
  4. 04 Tactile depth