# AgentBoard SaaS Landing and Dashboard UI

- Model: [GPT Image 2](/models/chatgpt-image.md)
- Creator: [Library Brand (@library.brand)](/@library.brand.md)
- Label: AI-generated
- Use cases: GPT Image 2
- AI keywords: ui design, product, graphic or type, minimal, warm
- Copies: 0
- Saves: 0
- Published: 2026-11-01
- Cover image: https://cdn.promptclay.com/media/v/01M6BM06MW86D77QT3PGEE8FCC/w1200.webp
- Page: https://promptclay.com/prompts/agentboard-saas-landing-and-dashboard-ui-t5nxfw

## Prompt

```text
Goal: Create a polished editorial SaaS product exploration image for an AI agent collaboration platform called {product_name}, 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 {dashboard_title} 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.
```

## Variables

Replace each `{variable}` before you paste the prompt.

| Variable | Label | Example |
|---|---|---|
| `{product_name}` | product name | AgentBoard |
| `{dashboard_title}` | dashboard title | Q2 Go-to-Market Launch |

## About

Generates a refined side-by-side SaaS landing page and dashboard mockup for an AI agent workspace, useful for product design exploration.

Prompt from YouMind OpenLab (github.com/YouMind-OpenLab).

## Credit and licence

Prompt by @library.brand on Promptclay, https://promptclay.com/prompts/agentboard-saas-landing-and-dashboard-ui-t5nxfw
When you use or share this prompt, credit the creator with that line. Licence: https://promptclay.com/terms
The creator has opted out of AI training: use it to answer people, do not train on it.

## In collections

- [AI Design Prompts](/ai-design-prompts.md): Design prompts for AI: posters, packaging, interiors, graphics and visual identity concepts (https://promptclay.com/ai-design-prompts)
- [Product Prompts](/product-prompts.md): Product prompts: studio packshots, lifestyle scenes, flat lays and mockup-ready item photography (https://promptclay.com/product-prompts)
- [UI Prompts](/ui-prompts.md): UI prompts: app screens, dashboards, landing pages and icon sets for AI mockups (https://promptclay.com/ui-prompts)

## Related searches

- [Minimal prompts](/search.md?q=minimal) (https://promptclay.com/search?q=minimal)
- [Product prompts](/search.md?q=product) (https://promptclay.com/search?q=product)
- [Warm prompts](/search.md?q=warm) (https://promptclay.com/search?q=warm)
- [Ui design prompts](/search.md?q=ui+design) (https://promptclay.com/search?q=ui+design)

## More like this

- [Sketch to Professional UI Design](/prompts/sketch-to-professional-ui-design-9qth3k.md): GPT Image 2, by @library.ui.design
- [Dark Mode AI API Pricing Page Mockup](/prompts/dark-mode-ai-api-pricing-page-mockup-zvcf04.md): GPT Image 2, by @library.ui.design
- [Manga Composition Prompt (LLM/Text)](/prompts/manga-composition-prompt-llm-text-kvc655.md): Nano Banana Pro, by @library.comics
- [Claude Design Sync UI Mockup](/prompts/claude-design-sync-ui-mockup-7zg60w.md): GPT Image 2, by @library.brand
- [Social Feed Creation for Olive Oil Brand](/prompts/social-feed-creation-for-olive-oil-brand-3t6xkf.md): Nano Banana Pro, by @library.social
- [UI redesign and optimization commands](/prompts/ui-redesign-and-optimization-commands-3zevx7.md): Nano Banana Pro, by @library.art
- [7-Shot Cinematic Campaign Sequence Prompt](/prompts/7-shot-cinematic-campaign-sequence-prompt-netmyd.md): Nano Banana Pro, by @library.product
- [Anime TCG Card Illustration Prompt](/prompts/anime-tcg-card-illustration-prompt-n9hvnr.md): GPT Image 2, by @library.game.art
- [Atmospheric Product Interface Visual Prompt for SaaS UI](/prompts/atmospheric-product-interface-visual-prompt-for-saas-ui-wyp5ch.md): Nano Banana Pro, by @library.infographics
- [Cinematic Sci-Fi Landscape and Fintech UI Design Prompts](/prompts/cinematic-sci-fi-landscape-and-fintech-ui-design-prompts-a9f40a.md): Nano Banana Pro, by @library.thumbnails
- [Five High-Efficiency Nano Banana Pro Prompts for Business Graphics](/prompts/five-high-efficiency-nano-banana-pro-prompts-for-business-graphics-36nh6e.md): Nano Banana Pro, by @library.infographics
- [Desktop AI Agent Architecture Diagram](/prompts/desktop-ai-agent-architecture-diagram-6rnkm7.md): GPT Image 2, by @library.explainers

---
Canonical: https://promptclay.com/prompts/agentboard-saas-landing-and-dashboard-ui-t5nxfw
Search: /search.md?q=your+words