SaaS AI-Dashboard Landingpage

Generates a modern SaaS landing page mockup featuring a central AI dashboard connected to various tool integrations and detailed feature highlight cards.

{
  "type": "SaaS-Landingpage-Hero-Grafik",
  "style": "Modernes UI/UX, helles Design, weiche Schatten, Glassmorphismus, {argument name=\"primary theme color\" default=\"lila und blaue Farbverläufe\"}",
  "header": {
    "headline": "{argument name=\"main headline\" default=\"Erledigen Sie Ihre Arbeit mit KI-Klarheit.\"}",
    "subheadline": "Koordinieren Sie Aufgaben, Kontext und Ausführung über Ihre Tools hinweg in einem intelligenten Arbeitsbereich."
  },
  "layout": {
    "center_dashboard": {
      "app_name": "{argument name=\"app name\" default=\"FlowBridge\"}",
      "greeting": "{argument name=\"user greeting\" default=\"Guten Morgen, Alex 👋\"}",
      "sidebar_links": 8,
      "top_metrics_cards": 4,
      "recent_activity_items": 3,
      "project_progress_bars": 3,
      "floating_action_bar": "{argument name=\"floating bar text\" default=\"Fragen Sie die KI oder geben Sie einen Befehl ein...\"}"
    },
    "left_integrations": {
      "count": 4,
      "style": "pillenförmige Karten, die durch dünne Linien mit dem zentralen Dashboard verbunden sind",
      "labels": [
        "Google Calendar: Termine & Zeitplan",
        "Notion: Dokumente & Wissen",
        "Slack: Nachrichten & Updates",
        "Google Drive: Dateien & Assets"
      ]
    },
    "right_integrations": {
      "count": 4,
      "style": "pillenförmige Karten, die durch dünne Linien mit dem zentralen Dashboard verbunden sind",
      "labels": [
        "Asana: Aufgaben & Projekte",
        "GitHub: Code & Commits",
        "Figma: Designdateien",
        "Microsoft Teams: Anrufe & Meetings"
      ]
    },
    "bottom_feature_cards": {
      "count": 3,
      "style": "rechteckige Karten mit weichen Schatten",
      "cards": [
        {
          "title": "KI-gestützte Übersicht",
          "description": "Erhalten Sie sofortige Klarheit über Ziele, Fortschritte und Aufgaben, die Ihre Aufmerksamkeit erfordern.",
          "visuals": "Liniendiagramm mit 24,6 Std. Fokuszeit und 3 unteren Metriken (Meetings, Deep Work, Erledigte Aufgaben)"
        },
        {
          "title": "Vernetzte Ausführung",
          "description": "Bleiben Sie bei Aufgaben, Updates und Abhängigkeiten über Ihre Tools hinweg auf dem Laufenden.",
          "visuals": "Liste mit 4 anstehenden Aufgaben und 4 Fortschrittsbalken zur Team-Auslastung mit Benutzer-Avataren"
        },
        {
          "title": "Erkenntnisse für mehr Wirkung",
          "description": "Verstehen Sie Fortschritte, beseitigen Sie Hindernisse und treffen Sie intelligentere Entscheidungen.",
          "visuals": "Donut-Diagramm mit 18 Projekten nach Status und einer Liste von 3 Hauptrisiken mit roten Flaggensymbolen"
        }
      ]
    }
  }
}

Maschinell übersetzt — das Original hat dieses Ergebnis erzeugt.

✨ Generieren Speichern Prompt kopieren Teilen Originalbeitrag In Hitboard öffnen