SaaS AI ダッシュボードランディングページ

中央の AI ダッシュボードがさまざまなツール連携や詳細な機能ハイライトカードと接続された、モダンな SaaS ランディングページのモックアップを生成します。

プロンプト

{ "type": "SaaS ランディングページヒーロー画像", "style": "モダンな UI/UX、ライトテーマ、ソフトシャドウ、グラスモーフィズム、パープルとブルーのグラデーション", "header": { "headline": "AI の力で、業務をより明確に。", "subheadline": "タスク、コンテキスト、実行プロセスを 1 つのインテリジェントなワークスペースに集約。" }, "layout": { "center_dashboard": { "app_name": "FlowBridge", "greeting": "おはようございます、Alex 👋", "sidebar_links": 8, "top_metrics_cards": 4, "recent_activity_items": 3, "project_progress_bars": 3, "floating_action_bar": "AI に質問するか、コマンドを入力してください..." }, "left_integrations": { "count": 4, "style": "中央のダッシュボードと細い線でつながったピル型のカード", "labels": [ "Google Calendar: イベントとスケジュール", "Notion: ドキュメントとナレッジ", "Slack: メッセージと更新", "Google Drive: ファイルとアセット" ] }, "right_integrations": { "count": 4, "style": "中央のダッシュボードと細い線でつながったピル型のカード", "labels": [ "Asana: タスクとプロジェクト", "GitHub: コードとコミット", "Figma: デザインファイル", "Microsoft Teams: 通話と会議" ] }, "bottom_feature_cards": { "count": 3, "style": "ソフトシャドウ付きの長方形カード", "cards": [ { "title": "AI による概要把握", "description": "目標、進捗、注意が必要な項目を瞬時に明確化。", "visuals": "24.6 時間の集中時間を表示する折れ線グラフと、3 つの下部指標（会議、ディープワーク、完了タスク）" }, { "title": "連携された実行", "description": "ツールを横断してタスク、更新、依存関係を常に同期。", "visuals": "4 つの今後のタスクリストと、ユーザーアバター付きの 4 つのチームワークロード進捗バー" }, { "title": "インパクトを生むインサイト", "description": "進捗を把握し、リスクを解消し、よりスマートな意思決定を。", "visuals": "ステータス別の 18 プロジェクトを示すドーナツグラフと、赤旗アイコン付きの 3 つの主要リスクリスト" } ] } } }