SaaS AIワークスペース LPモックアップ

{
  "type": "SaaSランディングページのヒーローグラフィック",
  "style": "モダンUI/UX、ライトテーマ、柔らかなシャドウ、グラスモーフィズム、[purple and blue gradients]",
  "header": {
    "headline": "[Run your work with AI clarity.]",
    "subheadline": "ツールを横断してタスク、コンテキスト、実行を1つのインテリジェントなワークスペースで連携。"
  },
  "layout": {
    "center_dashboard": {
      "app_name": "[FlowBridge]",
      "greeting": "[Good morning, Alex 👋]",
      "sidebar_links": 8,
      "top_metrics_cards": 4,
      "recent_activity_items": 3,
      "project_progress_bars": 3,
      "floating_action_bar": "[Ask AI anything or type a command...]"
    },
    "left_integrations": {
      "count": 4,
      "style": "中央ダッシュボードに細い線で接続されたピル型カード",
      "labels": [
        "Google Calendar: Events & schedule",
        "Notion: Docs & knowledge",
        "Slack: Messages & updates",
        "Google Drive: Files & assets"
      ]
    },
    "right_integrations": {
      "count": 4,
      "style": "中央ダッシュボードに細い線で接続されたピル型カード",
      "labels": [
        "Asana: Tasks & projects",
        "GitHub: Code & commits",
        "Figma: Design files",
        "Microsoft Teams: Calls & meetings"
      ]
    },
    "bottom_feature_cards": {
      "count": 3,
      "style": "柔らかな影のある長方形カード",
      "cards": [
        {
          "title": "AI-powered overview",
          "description": "目標、進捗、対応が必要な項目を即座に明確化。",
          "visuals": "集中時間24.6時間を示す折れ線グラフと、下部3つのメトリクス（会議、ディープワーク、完了タスク）"
        },
        {
          "title": "Connected execution",
          "description": "各種ツール間でタスク、進捗状況、依存関係を常に同期。",
          "visuals": "今後のタスク4件のリストとユーザーアバター付きチーム作業負荷進捗バー4本"
        },
        {
          "title": "Insights that drive impact",
          "description": "進捗を把握し、リスクを解消し、よりスマートな意思決定を推進。",
          "visuals": "ステータス別18件のプロジェクトを示すドーナツチャートと赤旗アイコン付きトップ3リスクリスト"
        }
      ]
    }
  }
}