Interface utilisateur pour landing page et tableau de bord SaaS AgentBoard
Génère une maquette raffinée de landing page et de tableau de bord SaaS côte à côte pour un espace de travail d'agents IA, utile pour l'exploration du design produit.
Consigne
Objectif : Créer une image d'exploration de produit SaaS éditorial et soigné pour une plateforme de collaboration d'agents IA appelée AgentBoard, montrant deux grands écrans d'interface web côte à côte sur un fond blanc cassé chaleureux : une landing page marketing à gauche et le tableau de bord du produit à droite. Utilisez un design startup raffiné, des ombres douces, des cartes aux coins arrondis, de fines séparations grises, beaucoup d'espace blanc, des accents vert forêt discrets, une typographie à empattements noire pour le titre de la landing page, et un texte d'interface sans-serif propre et petit.
Toile : Composition large 4:3, environ 1200×900. Placez deux panneaux hauts semblables à des navigateurs avec des coins arrondis et des ombres portées subtiles, séparés par une gouttière étroite. L'arrière-plan est crème clair avec un léger grain et une vignette très douce.
Écran de gauche, landing page marketing : Barre de navigation supérieure avec le logo « AgentBoard » en haut à gauche, 4 liens de navigation centrés intitulés Product, Solutions, Resources, Pricing, puis Log in et un bouton vert foncé « Start for free » à droite. La zone héro contient une petite étiquette « AI-NATIVE WORKSPACE », un grand titre sur trois lignes « One board. Many agents. Real outcomes. » avec « Real outcomes. » en italique et en vert, une ligne de soutien « Plan, build, and ship work—together. », et 2 boutons CTA : « Start for free » en vert foncé et « Book a demo » en contour clair. À droite du texte héro, montrez un tableau de flux de travail isométrique avec exactement 5 cartes d'agents connectées : Research Agent, Strategy Agent, Content Agent, Design Agent, et Data Agent, reliées par des lignes de connexion courbes avec de petites puces de statut telles que Done et In progress. En dessous, incluez exactement 4 tuiles de métriques : « 2.4M+ Tasks automated », « 180K+ Agents this month », « 98.6% On-time », et « 4.9★ User rating ». Sous les métriques, incluez une ligne intitulée « Connects with the tools you use » avec exactement 7 icônes/boutons d'intégration : Slack, Notion, GitHub, Figma, Google Drive, HubSpot, et « + More ». Ajoutez un bloc de témoignage avec une photo de profil circulaire féminine et la citation « AgentBoard gives us complete visibility and keeps our team aligned. » attribuée à Sarah Chen, Head of Product, Northline. En bas, incluez exactement 4 descriptions de fonctionnalités avec de minuscules icônes linéaires : Visual workspace, Multi-agent collaboration, Real-time progress, et Secure & governed.
Écran de droite, tableau de bord produit : Créez une interface d'application web dense mais élégante. La barre d'application supérieure affiche « AgentBoard » à gauche, les onglets principaux Workspace, Agents, Integrations, Data, Reports, ainsi qu'un bouton Invite, une rangée de 5 petits avatars d'utilisateurs, un badge « +3 », et un chevron de menu déroulant. Barre latérale gauche pour l'espace de travail « Acme Inc. » avec exactement 11 éléments de navigation : Home, Inbox avec un badge 8, Boards, Agents, Workflows, Data, Reports, Integrations, Settings, Help, et Collapse. Le titre de la page principale indique Q2 Go-to-Market Launch avec une pilule verte « Live » et le sous-titre « Coordinating agents across research, strategy, content, design, and ops. ». Incluez les boutons Share et Add agent en vert foncé.
Contenu du tableau de bord : Sous le titre, montrez exactement 4 onglets : Board, Progress, Outputs, Activity, avec Board actif. La toile principale du tableau contient exactement 6 cartes de flux de travail connectées disposées de gauche à droite avec des lignes de connexion courbes : 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. Incluez de petites commandes de tableau en haut à droite : icône de recherche, icône de mise en page, icône d'ajustement, zoom « 100% », et menu déroulant.
Sous le tableau, ajoutez une bande KPI avec exactement 5 éléments : Live progress 72% avec une barre de progression verte, 9 Active agents, 24 Tasks running, 156 Tasks completed, et 92% On-time, plus un bouton « View all runs ». Ajoutez une section Recent outputs avec exactement 4 cartes de documents : GTM Strategy Brief, Messaging Framework, Creative Concepts, et Performance Forecast, chacune avec une petite vignette de prévisualisation et l'heure de mise à jour. Ajoutez un tableau Recent runs avec exactement 5 lignes : Q2 Go-to-Market Launch, Customer Onboarding Revamp, Pricing Strategy Analysis, Brand Refresh Campaign, et Enterprise Sales Playbook ; incluez de minuscules clusters d'avatars d'agents, des pilules de statut colorées, les heures de début et les durées. En bas, incluez une barre de saisie Composer avec l'espace réservé « What would you like the agents to work on? », des boutons pour Attach et Add context, un menu déroulant « All agents », et un bouton d'envoi vert.
Style visuel : Maquette de produit minimaliste premium, proportions d'interface utilisateur réalistes, rendu net de type vectoriel, texte d'interface minuscule et lisible là où c'est possible, texture d'arrière-plan pointillée subtile, cartes beige pâle, indicateurs de statut verts, lignes de connexion fines, esthétique SaaS éditoriale moderne adaptée à un tweet d'exploration de design produit.
Contraintes : Utilisez exactement 2 écrans principaux, exactement 5 cartes d'agents sur la page héro, exactement 4 tuiles de métriques, exactement 7 icônes d'intégration, exactement 4 descriptions de fonctionnalités en bas, exactement 11 éléments de barre latérale, exactement 4 onglets de tableau de bord, exactement 6 cartes d'agents de flux de travail sur le tableau de bord plus la carte Analytics en file d'attente comme septième point final, exactement 5 éléments KPI, exactement 4 cartes de sortie, et exactement 5 lignes de tableau. N'ajoutez pas de panneaux supplémentaires, de filigranes, de chrome de navigateur ou de texte décoratif au-delà de l'interface utilisateur décrite.
Comment utiliser ce prompt
- 1
Copiez le prompt complet ci-dessus.
- 2
Ouvrez une plateforme compatible avec GPT Image 2, comme YouMind, et collez le prompt.
- 3
Modifiez le sujet, le style ou les détails selon votre idée, puis générez.
Voici un prompt IA gratuit de la bibliothèque de prompts de YouMind. Découvrez des milliers d'autres prompts images, tous libres de copie et d'adaptation.
Découvrir plus de prompts imagesPlus de GPT Image 2
Grille de lookbook de coiffures avec visage cohérent
@Ciri
Affiche d'art géométrique apaisant
@小小东
Affiche avec grille de gribouillages dessinés à la main
@小小东
De la photo à l'icône 3D professionnelle
@小小东
Diorama miniature de café fait main
@simeon-sanai
Portrait studio cinématographique en noir et blanc
@Professor
Toutes les catégories Images
01
Cas d’utilisation
02
Styles
Plus de fonctions de prompts
Bibliothèque IA
Recherche de prompts par IA
Laissez l'IA chercher parmi des dizaines de milliers de prompts. Filtrez par modèle, plage de dates et mots-clés, puis triez par engagement : vues, favoris, partages et plus.
Outils visuels
Image vers prompt
Transformez toute photo en prompt d'image IA détaillé. Le convertisseur image vers prompt gratuit analyse la composition, le style et la lumière pour recréer n'importe quel rendu en quelques secondes.
Autres fonctions de prompts
Par modèle
Conçu pour les créateurs. Gratuit pour toujours.
YouMind est le copilote créatif IA adopté par des créateurs du monde entier. Chaque prompt est sélectionné pour vous aider à créer mieux, plus vite.