AgentBoard SaaS 落地页与仪表盘 UI

编辑提示词

完整提示词

目标：为名为 {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 外，不得添加额外的面板、水印、浏览器边框或装饰性文本。

带入创作工作台

仅带入描述，不会自动生成。参考图与编辑模式请先上传或选中原图。

来源与说明

由 Winter 发布，经 YouMind 收录。提示词与图片权利归原作者及相应平台。

此案例需要参考图片，请在创作工作台中上传后再使用。

查看原始来源 ↗ · 作者主页