
SaaS AI ダッシュボード ランディングページ
Generates a modern SaaS landing page mockup featuring a central AI dashboard connected to various tool integrations and detailed feature highlight cards.
回視聴216
いいね0
コメント1
シェア0
ブックマーク0
引用0
翻訳
{
"type": "SaaSランディングページヒーローグラフィック",
"style": "モダンなUI/UX、ライトテーマ、ソフトシャドウ、グラスモーフィズム、{argument name=\"primary theme color\" default=\"purple and blue gradients\"}",
"header": {
"headline": "{argument name=\"main headline\" default=\"Run your work with AI clarity.\"}",
"subheadline": "1つのインテリジェントワークスペースで、タスク、コンテキスト、実行をツール全体で調整。"
},
"layout": {
"center_dashboard": {
"app_name": "{argument name=\"app name\" default=\"FlowBridge\"}",
"greeting": "{argument name=\"user greeting\" default=\"Good morning, 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=\"Ask AI anything or type a command...\"}"
},
"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つのトップリスクのリスト"
}
]
}
}
}
機械翻訳 — この作品を生成したのは元のプロンプトです。











