Interface systems Illustrative Referenz Kopierfertiger LLM-Prompt

Material Design

Eine systematische UI-Sprache mit Flächen, Elevation, kräftigen Farben, klarer Hierarchie und gezielter Bewegung.

Illustratives Projekt-Dashboard mit strukturierten Flächen, Elevation und rollenbasierten Farben nach Material-Design-Prinzipien.
Eigene illustrative Nachbildung – kein generiertes Ergebnis oder proprietärer Produktscreenshot. Original HTML/CSS illustration; no Google assets

Kopierfertiger LLM-Prompt

Material Design: Kopierfertiger LLM-Prompt

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

Create an original interface informed by Material Design principles: structured surfaces, a clear elevation hierarchy, role-based color tokens, legible typography, consistent spacing, and recognizable component states. Include a top app bar, cards, buttons, navigation, and feedback patterns without copying a Google product screen or using Google branding. Specify responsive behavior, keyboard focus, reduced-motion behavior, and light/dark theme tokens.

Erkennungsmerkmale

So erkennst du diesen Stil

Eine systematische UI-Sprache mit Flächen, Elevation, kräftigen Farben, klarer Hierarchie und gezielter Bewegung.

  1. 01 Elevation
  2. 02 Farbrollen
  3. 03 Strukturiertes Raster
  4. 04 Klare Zustände