AgentBoard SaaS 登陸頁面與儀表板 UI

為 AI Agent 工作區生成精緻的並排 SaaS 登陸頁面與儀表板模型，適用於產品設計探索。

提示詞

目標：為名為 AgentBoard 的 AI Agent 協作平台創建一張精緻的編輯級 SaaS 產品探索圖像，在溫暖的米白色背景上並排展示兩個大型網頁 UI 螢幕：左側為行銷登陸頁面，右側為產品儀表板。採用精緻的新創設計風格，運用柔和陰影、圓角卡片、細灰色分隔線、大量留白、柔和的森林綠色點綴，標題使用黑色襯線字體，UI 文字則使用簡潔的小型無襯線字體。畫布：寬螢幕 4:3 比例，約 1200×900。放置兩個帶有圓角和細緻投影的長條狀瀏覽器面板，中間以窄間距分隔。背景為帶有淡淡紋理與極柔和暈影的淺奶油色。左側螢幕，行銷登陸頁面：頂部導覽列左側為「AgentBoard」標誌文字，中間有 4 個導覽連結，分別為 Product、Solutions、Resources、Pricing，右側為登入按鈕與深綠色的「Start for free」按鈕。首頁區域有一個小型膠囊標籤「AI-NATIVE WORKSPACE」，一個由三行組成的大標題「One board. Many agents. Real outcomes.」，其中「Real outcomes.」為斜體且呈現綠色，副標題為「Plan, build, and ship work—together.」，並包含 2 個 CTA 按鈕：深綠色「Start for free」與淺色外框的「Book a demo」。在首頁文字右側，展示一個等距視角的流程專案，包含 5 張相互連接的 Agent 卡片：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、帶有 8 個通知的 Inbox、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，並以 Board 為選中狀態。主專案畫布包含 6 張相互連接的流程卡片，以曲線連接線從左至右排列：Research Agent「Market & audience research」Done；Data Agent「Performance analysis」Done；Strategy Agent「Go-to-market plan」In progress；Content Agent「Messaging & content framework」In progress；Design Agent「Creative concepts & brand」In progress；Ops Agent「Launch readiness & checklist」In progress；Analytics Agent「Performance forecast」Queued。右上角包含小型專案控制項：搜尋圖示、佈局圖示、適應螢幕圖示、縮放「100%」與下拉選單。專案下方添加一個 KPI 條，包含 5 個項目：Live progress 72%（配有綠色進度條）、9 Active agents、24 Tasks running、156 Tasks completed 與 92% On-time，以及一個「View all runs」按鈕。添加一個 Recent outputs 區塊，包含 4 張文件卡片：GTM Strategy Brief、Messaging Framework、Creative Concepts 與 Performance Forecast，每張卡片均有小型預覽縮圖與更新時間。添加一個 Recent runs 表格，包含 5 行：Q2 Go-to-Market Launch、Customer Onboarding Revamp、Pricing Strategy Analysis、Brand Refresh Campaign 與 Enterprise Sales Playbook；包含微型 Agent 頭像群、彩色狀態標籤、開始時間與持續時間。底部包含一個 Composer 輸入列，預留位置文字為「What would you like the agents to work on?」，並配有 Attach 與 Add context 按鈕、「All agents」下拉選單與綠色發送按鈕。視覺風格：頂級簡約產品模型，真實的 UI 比例，清晰的向量級渲染，盡可能保持介面文字清晰可讀，細緻的點狀背景紋理，淺米色卡片，綠色狀態指示器，精細的連接線，現代編輯級 SaaS 美學，適合產品設計探索推文。限制：使用 2 個主螢幕，登陸頁首頁使用 5 張 Agent 卡片，4 個指標磚，7 個整合圖示，4 個底部功能簡介，11 個側邊欄項目，4 個儀表板頁籤，儀表板專案上使用 6 張流程 Agent 卡片加上作為第七個終點的 Queued Analytics 卡片，5 個 KPI 項目，4 張輸出卡片，以及 5 行表格。請勿添加額外的面板、浮水印、瀏覽器外框或描述 UI 以外的裝飾性文字。