Surface & depth Illustrative Referenz Kopierfertiger LLM-Prompt

Neomorphism

Weiche, extrudierte Bedienelemente wirken durch helle und dunkle Schatten wie aus derselben Fläche geformt.

Illustratives Finanz-Dashboard mit weich erhabenen Karten und eingelassenen Controls im neomorphen Stil.
Eigene illustrative Nachbildung – kein generiertes Ergebnis oder proprietärer Produktscreenshot. Original HTML/CSS illustration

Kopierfertiger LLM-Prompt

Neomorphism: Kopierfertiger LLM-Prompt

Nutze dies als Ausgangsbriefing und passe dann Inhalte, Marke und Interaktionsanforderungen an dein Projekt an.

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.

Erkennungsmerkmale

So erkennst du diesen Stil

Weiche, extrudierte Bedienelemente wirken durch helle und dunkle Schatten wie aus derselben Fläche geformt.

  1. 01 Geringer Kontrast
  2. 02 Doppelte Schatten
  3. 03 Runde Controls
  4. 04 Haptische Tiefe