AgentBoard SaaS 落地页与仪表盘 UI
为 AI Agent 工作空间生成精美的 SaaS 落地页与仪表盘并排展示模型，适用于产品设计探索。
gpt-image-2 · App / 网页设计 · 产品营销 · 图表 · 文本 / 排版 · 极简主义 · 等距
中文提示词
目标：为名为 {argument name="product name" default="AgentBoard"} 的 AI Agent 协作平台创建一张精致的 SaaS 产品探索图，在暖米色背景上并排展示两个大型 Web UI 界面：左侧为营销落地页，右侧为产品仪表盘。采用精致的初创公司设计风格，运用柔和阴影、圆角卡片、纤细的灰色分割线、充足的留白、柔和的森林绿点缀，落地页标题使用黑色衬线字体，UI 文本使用简洁的无衬线字体。 画布：宽屏 4:3 构图，约 1200×900 像素。放置两个带有圆角和细微投影的高大浏览器面板，中间由窄间距隔开。背景为带有淡淡纹理和极柔和暗角的浅奶油色。 左侧屏幕，营销落地页：顶部导航栏左侧为“AgentBoard”标志文本，居中放置 4 个导航链接：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.”，以及 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。 右侧屏幕，产品仪表盘：创建一个紧凑而优雅的 Web 应用界面。顶部应用栏左侧显示“AgentBoard”，主标签页为 Workspace、Agents、Integrations、Data、Reports，外加一个 Invite 按钮、一行 5 个小型用户头像、“+3”徽章以及一个下拉箭头。左侧边栏为“Acme Inc.”工作空间，包含 11 个导航项：Home、Inbox（带 8 徽章）、Boards、Agents、Workflows、Data、Reports、Integrations、Settings、Help 和 Collapse。主页面标题为 {argument name="dashboard title" default="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 卡片外加一个排队状态的 Analytics 卡片作为第七个端点，5 个 KPI 项目，4 个输出卡片，以及 5 行表格数据。除描述的 UI 外，不得添加额外的面板、水印、浏览器边框或装饰性文本。
原始提示词
Goal: Create a polished editorial SaaS product exploration image for an AI agent collaboration platform called {argument name="product name" default="AgentBoard"}, showing two large web UI screens side by side on a warm off-white background: a marketing landing page on the left and the product dashboard on the right. Use refined startup design, soft shadows, rounded cards, thin gray dividers, lots of whitespace, muted forest-green accents, black serif display typography for the landing headline, and small clean sans-serif UI text. Canvas: Wide 4:3 composition, approximately 1200×900. Place two tall browser-like panels with rounded corners and subtle drop shadows, separated by a narrow gutter. Background is light cream with faint grain and very soft vignette. Left screen, marketing landing page: Top navigation bar with the logo text “AgentBoard” at top left, 4 centered nav links labeled Product, Solutions, Resources, Pricing, then Log in and a dark green “Start for free” button on the right. Hero area has a small pill label “AI-NATIVE WORKSPACE”, a large three-line headline reading “One board. Many agents. Real outcomes.” with “Real outcomes.” italic and green, supporting line “Plan, build, and ship work—together.”, and 2 CTA buttons: dark green “Start for free” and light outlined “Book a demo”. To the right of the hero text, show an isometric workflow board with exactly 5 connected agent cards: Research Agent, Strategy Agent, Content Agent, Design Agent, and Data Agent, linked by curved connector lines with small status chips such as Done and In progress. Below, include exactly 4 metric tiles: “2.4M+ Tasks automated”, “180K+ Agents this month”, “98.6% On-time”, and “4.9★ User rating”. Under the metrics, include a row labeled “Connects with the tools you use” with exactly 7 integration icons/buttons: Slack, Notion, GitHub, Figma, Google Drive, HubSpot, and “+ More”. Add a testimonial block with a circular female headshot and the quote “AgentBoard gives us complete visibility and keeps our team aligned.” credited to Sarah Chen, Head of Product, Northline. At the bottom, include exactly 4 feature blurbs with tiny line icons: Visual workspace, Multi-agent collaboration, Real-time progress, and Secure & governed. Right screen, product dashboard: Create a dense but elegant web app interface. Top app bar shows “AgentBoard” on the left, main tabs Workspace, Agents, Integrations, Data, Reports, plus an Invite button, a row of 5 small user avatars, a “+3” badge, and a dropdown chevron. Left sidebar for workspace “Acme Inc.” with exactly 11 navigation items: Home, Inbox with an 8 badge, Boards, Agents, Workflows, Data, Reports, Integrations, Settings, Help, and Collapse. Main page title reads {argument name="dashboard title" default="Q2 Go-to-Market Launch"} with a green “Live” pill and subtitle “Coordinating agents across research, strategy, content, design, and ops.” Include Share and dark green Add agent buttons. Dashboard content: Below the title, show exactly 4 tabs: Board, Progress, Outputs, Activity, with Board active. The main board canvas contains exactly 6 connected workflow cards arranged left-to-right with curved connector lines: 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. Include small board controls at top right: search icon, layout icon, fit icon, zoom “100%”, and dropdown. Under the board, add a KPI strip with exactly 5 items: Live progress 72% with green progress bar, 9 Active agents, 24 Tasks running, 156 Tasks completed, and 92% On-time, plus a “View all runs” button. Add a Recent outputs section with exactly 4 document cards: GTM Strategy Brief, Messaging Framework, Creative Concepts, and Performance Forecast, each with a small preview thumbnail and update time. Add a Recent runs table with exactly 5 rows: Q2 Go-to-Market Launch, Customer Onboarding Revamp, Pricing Strategy Analysis, Brand Refresh Campaign, and Enterprise Sales Playbook; include tiny agent avatar clusters, colored status pills, started times, and durations. At the bottom, include a Composer input bar with placeholder “What would you like the agents to work on?”, buttons for Attach and Add context, an “All agents” dropdown, and a green send button. Visual style: Premium minimal product mockup, realistic UI proportions, crisp vector-like rendering, tiny legible interface text where possible, subtle dotted background texture, pale beige cards, green status indicators, fine connector lines, modern editorial SaaS aesthetic suitable for a product-design exploration tweet. Constraints: Use exactly 2 main screens, exactly 5 agent cards on the landing hero, exactly 4 metric tiles, exactly 7 integration icons, exactly 4 bottom feature blurbs, exactly 11 sidebar items, exactly 4 dashboard tabs, exactly 6 workflow agent cards on the dashboard board plus the queued Analytics card as the seventh endpoint, exactly 5 KPI items, exactly 4 output cards, and exactly 5 table rows. Do not add extra panels, watermarks, browser chrome, or decorative text beyond the described UI.