AIエージェント協調SaaSのLPとダッシュボードUI

AIエージェント共同作業プラットフォーム「[AgentBoard]」のエディトリアルSaaSプロダクトモックアップ。温かみのあるオフホワイトの微細な木目調背景の上に、ブラウザ風の2つの角丸パネルが狭い間隔で左右に並んだワイド4:3の構図。 左画面（マーケティングLP）： - 上部ナビ：左に「AgentBoard」ロゴ、中央にProduct、Solutions、Resources、Pricing、右に「Log in」と濃緑の「Start for free」ボタン。 - ヒーロー領域：「AI-NATIVE WORKSPACE」ピルタグ、見出し「One board. Many agents. Real outcomes.」（「Real outcomes.」は緑のイタリック体）、サブテキスト「Plan, build, and ship work—together.」、濃緑の「Start for free」と線画の「Book a demo」ボタン。 - ヒーロー横に等角投影のワークフロー図：5枚のエージェントカード（Research Agent、Strategy Agent、Content Agent、Design Agent、Data Agent）が曲線とDone/In progressチップで連結。 - その下に4つの指標タイル：「2.4M+ Tasks automated」「180K+ Agents this month」「98.6% On-time」「4.9★ User rating」。 - 連携ツール行「Connects with the tools you use」に7つのアイコン：Slack、Notion、GitHub、Figma、Google Drive、HubSpot、「+ More」。 - 女性の写真付き推薦枠：「AgentBoard gives us complete visibility and keeps our team aligned.」— Sarah Chen, Head of Product, Northline。 - 最下部に4つの機能説明：Visual workspace、Multi-agent collaboration、Real-time progress、Secure & governed。 右画面（製品ダッシュボード）： - トップバー：「AgentBoard」ロゴ、Workspace、Agents、Integrations、Data、Reportsタブ、Inviteボタン、5人のアバター、「+3」バッジ。 - 「Acme Inc.」の左サイドバー（11項目）：Home、Inbox（8通知）、Boards、Agents、Workflows、Data、Reports、Integrations、Settings、Help、Collapse。 - メイン見出し：「[Q2 Go-to-Market Launch]」、緑の「Live」バッジ、サブタイトル「Coordinating agents across research, strategy, content, design, and ops.」、Shareおよび濃緑のAdd agentボタン。 - 4つのタブ：Board（アクティブ）、Progress、Outputs、Activity。 - ボード領域：左から右へ接続された6枚のカード（Research、Data、Strategy、Content、Design、Ops）と待機中の7枚目（Analytics Agent「Performance forecast」Queued）。右上に検索や100%ズーム等の操作系。 - KPI帯：進捗72%、稼働中エージェント9、実行中タスク24、完了タスク156、時間遵守率92%、「View all runs」ボタン。 - 最近のアウトプット4件（GTM Strategy Briefなど）、最近の実行テーブル5行、最下部にComposer入力バー。 スタイル：洗練されたミニマルなスタートアップデザイン、セリフ見出しとクリーンなサンセリフUI、フォレストグリーンのアクセントカラー。