Interfaz de usuario para landing page y dashboard de SaaS AgentBoard
Genera una maqueta refinada de una landing page y un dashboard de SaaS, presentados lado a lado, para un espacio de trabajo de agentes de IA, útil para la exploración de diseño de producto.
Instrucción
Objetivo: Crear una imagen editorial pulida de exploración de producto SaaS para una plataforma de colaboración de agentes de IA llamada AgentBoard, mostrando dos pantallas grandes de interfaz web lado a lado sobre un fondo cálido color hueso: una landing page de marketing a la izquierda y el dashboard del producto a la derecha. Utilice un diseño de startup refinado, sombras suaves, tarjetas redondeadas, divisores grises delgados, mucho espacio en blanco, acentos en verde bosque apagado, tipografía serif negra para el título de la landing y texto de interfaz sans-serif pequeño y limpio.
Lienzo: Composición amplia 4:3, aproximadamente 1200×900. Coloque dos paneles altos tipo navegador con esquinas redondeadas y sombras sutiles, separados por un margen estrecho. El fondo es crema claro con un grano tenue y una viñeta muy suave.
Pantalla izquierda, landing page de marketing: Barra de navegación superior con el logotipo “AgentBoard” en la parte superior izquierda, 4 enlaces de navegación centrados etiquetados como Product, Solutions, Resources, Pricing, luego Log in y un botón verde oscuro “Start for free” a la derecha. El área principal (hero) tiene una pequeña etiqueta tipo píldora “AI-NATIVE WORKSPACE”, un titular grande de tres líneas que dice “One board. Many agents. Real outcomes.” con “Real outcomes.” en cursiva y verde, una línea de apoyo “Plan, build, and ship work—together.”, y 2 botones CTA: “Start for free” en verde oscuro y “Book a demo” con contorno claro. A la derecha del texto principal, muestre un tablero de flujo de trabajo isométrico con exactamente 5 tarjetas de agente conectadas: Research Agent, Strategy Agent, Content Agent, Design Agent y Data Agent, vinculadas por líneas conectoras curvas con pequeñas etiquetas de estado como Done e In progress. Debajo, incluya exactamente 4 mosaicos de métricas: “2.4M+ Tasks automated”, “180K+ Agents this month”, “98.6% On-time” y “4.9★ User rating”. Debajo de las métricas, incluya una fila etiquetada “Connects with the tools you use” con exactamente 7 iconos/botones de integración: Slack, Notion, GitHub, Figma, Google Drive, HubSpot y “+ More”. Añada un bloque de testimonios con una foto circular de una mujer y la cita “AgentBoard gives us complete visibility and keeps our team aligned.” atribuida a Sarah Chen, Head of Product, Northline. En la parte inferior, incluya exactamente 4 descripciones de características con pequeños iconos de línea: Visual workspace, Multi-agent collaboration, Real-time progress y Secure & governed.
Pantalla derecha, dashboard del producto: Cree una interfaz de aplicación web densa pero elegante. La barra superior de la aplicación muestra “AgentBoard” a la izquierda, pestañas principales Workspace, Agents, Integrations, Data, Reports, además de un botón Invite, una fila de 5 avatares de usuario pequeños, una insignia “+3” y un menú desplegable. Barra lateral izquierda para el espacio de trabajo “Acme Inc.” con exactamente 11 elementos de navegación: Home, Inbox con una insignia de 8, Boards, Agents, Workflows, Data, Reports, Integrations, Settings, Help y Collapse. El título de la página principal dice Q2 Go-to-Market Launch con una píldora verde “Live” y el subtítulo “Coordinating agents across research, strategy, content, design, and ops.” Incluya botones de Share y Add agent en verde oscuro.
Contenido del dashboard: Debajo del título, muestre exactamente 4 pestañas: Board, Progress, Outputs, Activity, con Board activa. El lienzo del tablero principal contiene exactamente 6 tarjetas de flujo de trabajo conectadas dispuestas de izquierda a derecha con líneas conectoras curvas: 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. Incluya pequeños controles de tablero en la parte superior derecha: icono de búsqueda, icono de diseño, icono de ajuste, zoom “100%” y menú desplegable.
Debajo del tablero, añada una franja de KPI con exactamente 5 elementos: Live progress 72% con barra de progreso verde, 9 Active agents, 24 Tasks running, 156 Tasks completed y 92% On-time, además de un botón “View all runs”. Añada una sección de Recent outputs con exactamente 4 tarjetas de documento: GTM Strategy Brief, Messaging Framework, Creative Concepts y Performance Forecast, cada una con una pequeña miniatura de vista previa y tiempo de actualización. Añada una tabla de Recent runs con exactamente 5 filas: Q2 Go-to-Market Launch, Customer Onboarding Revamp, Pricing Strategy Analysis, Brand Refresh Campaign y Enterprise Sales Playbook; incluya pequeños grupos de avatares de agentes, píldoras de estado de colores, tiempos de inicio y duraciones. En la parte inferior, incluya una barra de entrada Composer con el marcador de posición “What would you like the agents to work on?”, botones para Attach y Add context, un menú desplegable “All agents” y un botón de envío verde.
Estilo visual: Maqueta de producto minimalista premium, proporciones de interfaz realistas, renderizado nítido tipo vectorial, texto de interfaz pequeño y legible donde sea posible, textura de fondo con puntos sutiles, tarjetas beige pálido, indicadores de estado verdes, líneas conectoras finas, estética SaaS editorial moderna adecuada para un tweet de exploración de diseño de producto.
Restricciones: Use exactamente 2 pantallas principales, exactamente 5 tarjetas de agente en el hero de la landing, exactamente 4 mosaicos de métricas, exactamente 7 iconos de integración, exactamente 4 descripciones de características inferiores, exactamente 11 elementos en la barra lateral, exactamente 4 pestañas de dashboard, exactamente 6 tarjetas de agente de flujo de trabajo en el tablero del dashboard más la tarjeta Analytics en cola como séptimo punto final, exactamente 5 elementos de KPI, exactamente 4 tarjetas de salida y exactamente 5 filas de tabla. No añada paneles adicionales, marcas de agua, cromo de navegador o texto decorativo más allá de la interfaz descrita.
Cómo usar este prompt
- 1
Copia el prompt completo de arriba.
- 2
Abre una plataforma compatible con GPT Image 2, como YouMind, y pega el prompt.
- 3
Cambia el tema, el estilo o los detalles según tu idea y luego genera.
Este es un prompt de IA gratuito de la biblioteca de prompts de YouMind. Explora miles de prompts de imagen más, todos gratis para copiar y adaptar.
Explorar más prompts de imagenMás de GPT Image 2
Diseño de póster estilo pintura acrílica hecha a mano
@小小东
Póster de viaje estilo papercut en capas
@Saul Goodman
Póster de Ventana Emocional Geométrica
@小小东
Collage de alter ego: boceto de moda urbana
@Alina Ai
Ilustración tipo garabato minimalista hecha a mano
@Mahnoor Fatima
Póster comercial minimalista con ventana geométrica
@小小东
Todas las categorías de Imagen
01
Casos de uso
Más funciones de prompts
Biblioteca de IA
Búsqueda de prompts con IA
Que la IA busque entre decenas de miles de prompts. Filtrá por modelo, rango de fechas y palabras clave, y ordená por interacción: vistas, guardados, reposts y más.
Herramientas de visión
Imagen a prompt
Convierte cualquier foto en un prompt de imagen IA detallado. El conversor gratuito de imagen a prompt analiza composición, estilo e iluminación para recrear cualquier estética en segundos.
Otras funciones de prompts
Por modelo
Herramientas IA
Creado para creadores. Gratis para siempre.
YouMind es el copiloto creativo con IA en el que confían creadores de todo el mundo. Cada prompt está curado para ayudarte a crear mejor y más rápido.