Prompt-Vorlage

Desktop-Mockup eines SaaS-Operations-Dashboards mit KPI-Karten und Diagrammen

Dieser Prompt beschreibt einen kompletten Desktop-Dashboard-Screen für eine fiktive Operations-Plattform namens HELIX OPS: linke Seitenleiste, Filterleiste oben, eine Reihe KPI-Karten, Liniendiagramme, eine Datentabelle und ein Alert-Panel – in einer kühlen Palette aus Schiefergrau, Kobaltblau, Petrol und Weiß auf einem straffen Raster. Unser Beispiel ergab ein glaubwürdiges Operations-Dashboard mit gut lesbaren Beschriftungen, Sparklines in jeder KPI-Karte, einem Ringdiagramm zum Zustand der Anlagen, einem Balkendiagramm pro Standort und einer Liste aktiver Alerts. Damit lässt sich ein Produkt visualisieren, bevor die Designarbeit beginnt, eine Landingpage oder ein Pitch-Deck mit einem realistischen Screen bestücken oder Layout und Farben für ein internes Tool ausloten. Produktname, Palette und Panel-Liste einfach an das eigene Produkt anpassen.

Seitenverhältnis 16:9Kein Referenzbild nötig
Desktop-Operations-Dashboard namens HELIX OPS mit dunkler Seitenleiste, vier KPI-Karten, Linien-, Ring- und Balkendiagramm, Anlagentabelle und Alert-Liste
Beispiel, erstellt auf Nano Banana Pro mit GPT Image 2. Mit anderen Eingaben und Einstellungen kann das Ergebnis abweichen.

Prompt der Vorlage

Kopiere den Prompt in den Bildgenerator und ersetze die Angaben in Klammern durch deine eigenen.

Create a high-end desktop SaaS analytics dashboard mockup for a fictional platform named HELIX OPS, displayed on a 16:10 monitor canvas. Use a cool palette of slate, cobalt blue, teal, pale gray, and white, with tight grid alignment. Include a left sidebar, top filter bar, KPI cards, line charts, data table, alert panel, crisp typography, realistic labels, and production-ready spacing.

Prompt-Idee von github.com. Originalbeitrag ansehen

Wofür sich die Vorlage eignet

  • Hero- und Feature-Bilder für eine SaaS-Landingpage, bevor die echte UI existiert
  • Pitch-Deck-Folien, die zeigen, wie ein Produkt aussehen könnte
  • Frühe Layout- und Farbexperimente für ein internes Operations-Tool
  • Referenz-Screens für Designer, die ein Dashboard in Figma beginnen

Tipps für den Prompt

  • HELIX OPS durch den eigenen Produktnamen ersetzen und ihn kurz halten, damit der Logotext sauber bleibt
  • Die Panels in der gewünschten Reihenfolge auflisten und im Ergebnis prüfen, ob Bezeichnungen und Layout stimmen
  • Die Palette mit einfachen Farbnamen wie Schiefergrau, Kobaltblau und Petrol beschreiben statt mit Hex-Codes
  • Zahlen, Datumsangaben und Beschriftungen vor der Veröffentlichung prüfen; sie sind erfunden und ergeben nicht unbedingt Sinn
  • Generierte Screens sind Bilder, kein funktionierender Code; das Layout im eigenen Design-Tool nachbauen