Product Marketing - AgentBoard SaaS Landing and Dashboard UI

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

Prompt

5,340 charactersOpen Astorie studio ↗
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.
From sourceView source ↗

More to explore

YouTube Thumbnail - Music Tech YouTube Thumbnails

YouTube Thumbnail - Music Tech YouTube Thumbnails

Busy Works BeatsGPT Image 2
Using the provided reference image as a style guide, generate a vertical compilation of six distinct YouTube thumbnail designs. Each thumbnail must feature the same male subject (a bearded man wearing headphones) but with different exaggerated facial expressions and poses to match the specific topic of each video.

1. **SoundCloud News:** The subject looks shocked/skeptical. Background features the SoundCloud logo and text 'BIG NEWS' in large yellow/white font. Duration: 11:41.
2. **Tembo Product:** The subject looks confused/questioning. Features an orange grid-like device (Tembo) and large text 'WHY??'. Duration: 16:54.
3. **Akai MPC Live II:** The subject looks surprised. Features a white Akai MPC controller and large text 'WHY??'. Duration: 11:16.
4. **Free Plugins:** The subject is smiling broadly. Features a dark plugin interface and large text 'FREE PLUGINS'. Duration: 12:03.
5. **Soothe2 Plugin:** The subject looks distressed/intense. Features the Soothe2 plugin interface and text 'FREE'. Duration: 18:16.
6. **Cheating?:** The subject looks suspicious/shocked. Features a purple plugin interface with waveform comparisons labeled A and B, and large red text 'CHEATING?'. Duration: 14:26.

Ensure all thumbnails have high contrast, vibrant colors, and professional lighting typical of tech/music production content.
YouTube Thumbnail - Colossal MPD Robot in Rainy Tokyo

YouTube Thumbnail - Colossal MPD Robot in Rainy Tokyo

カーブミラーGPT Image 2
A colossal, bipedal police robot towering over a rainy Tokyo street. The robot is constructed from heavy industrial machinery parts, featuring exposed gears, hydraulic pistons, and thick black cables connecting segmented white armor plates. It has no human face; instead, its head is a rectangular sensor array with multiple camera lenses. Red emergency lights flash on its shoulders and chest. The text "警視庁 MPD" (Metropolitan Police Department) is stenciled in black on the white armor plating of its torso and thighs. In the foreground, wet asphalt reflects the red and blue lights of surrounding police cars and traffic signals. Several small human police officers in dark tactical gear stand near the robot's feet, emphasizing its massive scale. A blue road sign indicating directions to "Tokyo Sta." and "Ginza" is visible on the right. A helicopter hovers in the grey, overcast sky above.
YouTube Thumbnail - Cinematic Golden B Logo

YouTube Thumbnail - Cinematic Golden B Logo

CHIRABEN | AI × Web3GPT Image 2
A cinematic, wide-angle shot of a lone figure standing with their back to the viewer on a dark, reflective surface. The figure is silhouetted against a massive, glowing golden structure resembling an abstract, stylized letter 'B' or a twisted ribbon, which appears to be made of polished metal and emits a warm light. This structure is positioned in front of a large, luminous sphere that resembles a rising sun or planet, casting a soft glow across the scene. The overall atmosphere is futuristic and awe-inspiring, with a color palette dominated by deep blacks and rich golds. In the upper center of the image, the text "B.AI" is displayed in a clean, white, sans-serif font.
Social Media Post - Convenience Store Photoshoot Collage via Security Mirror

Social Media Post - Convenience Store Photoshoot Collage via Security Mirror

AI Career Girl 💼GPT Image 2
Create an ultra-realistic 3×3 photo collage featuring the same woman from the uploaded reference image, preserving her exact facial identity, face shape, eyes, nose, lips, skin tone, and natural features across all nine frames.

CONCEPT & COMPOSITION: A fun, candid convenience-store photoshoot captured from a high-angle convex security mirror. Each frame features the woman looking up toward the mirror with realistic fisheye distortion, curved mirror edges, and a wide view of the store aisles.

NINE DIFFERENT SCENES:

1. Smiling and winking while holding an iced coffee, wearing a cream knit sweater.

2. Wearing a black top and reaching toward a snack shelf while holding a shopping basket.

3. Wearing a pink hoodie, making a cute pout while hugging instant noodles and colorful snacks.

4. Wearing a black-and-white striped top and laughing while holding a basket full of groceries.

5. Wearing a white long-sleeve top and blue jeans, crouching down to pick up spilled snacks from the floor.

6. Wearing a light-blue cardigan, smiling brightly while holding a strawberry cream cake beside her face.

7. Wearing a gray hoodie and beige baseball cap, making a peace sign while holding an iced drink.

8. Wearing a black sleeveless top with sunglasses on her head, examining a cup of instant noodles with a curious expression.

9. Wearing a cream knit sweater, happily hugging a large pack of toilet paper.

ENVIRONMENT: A brightly illuminated modern convenience store with colorful snack shelves, refrigerated beverage displays, glossy cream-colored tiled floors, shopping baskets, and a few distant shoppers. Include realistic reflections, curved black-and-red mirror frames, and natural overhead store lighting.

PHOTOGRAPHY STYLE: Ultra-photorealistic photography, overhead fisheye perspective, wide-angle lens, realistic proportions, natural skin texture, detailed hair strands, authentic expressions, crisp product packaging, balanced exposure, and candid lifestyle photography.

COLLAGE LAYOUT: Perfectly aligned 3×3 grid with nine distinct vertical panels, thin white dividers, consistent image quality, and varied poses and facial expressions. Maintain the same recognizable woman throughout all nine frames.

STRICT REQUIREMENTS: Preserve the reference woman's facial identity. Keep hands, fingers, and body proportions realistic. Avoid duplicated faces, distorted anatomy, blurry details, excessive beauty filters, cartoon effects, text, logos, and watermarks.

Aspect Ratio: Vertical 9:16
Quality: Ultra-realistic, high detail, 8K, professional lifestyle photography.
Social Media Post - Black Cat Halloween Dress Anime Girl

Social Media Post - Black Cat Halloween Dress Anime Girl

のぞむ*AIイラストGPT Image 2
A cute adult woman wearing a Halloween black cat dress.

The outfit is an off-shoulder mini dress in jet black and dark navy. The hem of the flaring skirt features fluffy black fur and white paw pad embroidery. From the back, a decoration resembling a long black cat tail extends elegantly. A large black ribbon with a golden bell sits at the waist. On the chest is a black cat brooch with emerald eyes. Short beige capes rest on the shoulders, lined with cat silhouettes.

On her head is a fluffy black cat-ear headband. The inner ears are pale pink, with small black ribbons and golden bells at the base. It's a cute black cat style that blends naturally with hair accessories. One hand holds a fish-shaped candy, while the other makes a cat-paw pose.

The background is a night alley glowing with a full moon. A small black cat is at her feet.
Full-body composition including head to toes. A slight glance back showing the black cat tail and paw pads. A mischievous, cute smile.
Social Media Post - Vintage Sketchbook Illustration of Cozy Scenes

Social Media Post - Vintage Sketchbook Illustration of Cozy Scenes

TaarukGPT Image 2
Create a beautiful, nostalgic hand-drawn editorial illustration combining two cozy everyday scenes in a consistent vintage sketchbook style. In the first scene, a young woman with dark brown hair in a messy bun and black glasses, wearing a black outfit, arranges colorful pink roses, coral flowers, tiny white blossoms, and lush greenery inside a charming flower shop, holding a large bouquet wrapped in brown kraft paper. Surround her with potted plants, tropical leaves, blooming flowers, and tall vintage windows. In the second scene, a young couple sits closely together on stone steps along a charming European city street. The man wears a navy baseball cap, headphones, a gray hoodie, a long black coat, blue jeans, and sneakers, while the woman wears a black coat, a soft blue scarf, cream trousers, black sneakers, and carries a brown leather shoulder bag. They share a quiet, affectionate moment surrounded by elegant old buildings, a cozy café, glowing street lamps, bicycles, leafy trees, and pedestrians. Use a harmonious palette of warm cream, olive green, mustard yellow, dusty blue, navy, coral, and soft pink. Add textured colored-pencil strokes, delicate ink outlines, subtle watercolor shading, vintage paper grain, charming hand-drawn accents, and warm natural lighting. Whimsical slice-of-life storytelling, cozy nostalgic atmosphere, artistic imperfections, highly detailed illustration, premium handmade sketchbook aesthetic, consistent art style across both scenes, vertical composition, no photorealism.

Find your next direction

ASTORIE CANVAS

Take the idea further.

Bring your prompts, references and results together in one creative space.

Open your canvas ↗