Objetivo: Crear una imagen de exploración de producto SaaS editorial y pulida para una plataforma de colaboración de agentes de IA llamada AgentBoard, mostrando dos grandes pantallas de interfaz web lado a lado sobre un fondo cálido blanquecino: una landing page de marketing a la izquierda y el panel de control del producto a la derecha. Utiliza un diseño de startup refinado, sombras suaves, tarjetas redondeadas, divisores grises finos, mucho espacio en blanco, acentos en verde bosque apagado, tipografía serif negra para el titular de la landing y texto de interfaz sans-serif pequeño y limpio.
Lienzo: Composición panorámica 4:3, aproximadamente 1200×900. Coloca dos paneles altos tipo navegador con esquinas redondeadas y sombras paralelas sutiles, separados por un canal 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 Producto, Soluciones, Recursos, Precios, luego Iniciar sesión y un botón verde oscuro “Comenzar gratis” a la derecha. El área principal (hero) tiene una pequeña etiqueta tipo píldora “ESPACIO DE TRABAJO NATIVO EN IA”, un titular grande de tres líneas que dice “Un tablero. Muchos agentes. Resultados reales.” con “Resultados reales.” en cursiva y verde, una línea de apoyo “Planifica, construye y lanza el trabajo, juntos.”, y 2 botones CTA: verde oscuro “Comenzar gratis” y claro con contorno “Reservar una demo”. A la derecha del texto principal, muestra un tablero de flujo de trabajo isométrico con exactamente 5 tarjetas de agente conectadas: Agente de Investigación, Agente de Estrategia, Agente de Contenido, Agente de Diseño y Agente de Datos, vinculados por líneas conectoras curvas con pequeñas etiquetas de estado como Hecho y En progreso. Debajo, incluye exactamente 4 mosaicos de métricas: “2.4M+ Tareas automatizadas”, “180K+ Agentes este mes”, “98.6% A tiempo” y “4.9★ Calificación de usuario”. Debajo de las métricas, incluye una fila etiquetada “Se conecta con las herramientas que usas” con exactamente 7 iconos/botones de integración: Slack, Notion, GitHub, Figma, Google Drive, HubSpot y “+ Más”. Añade un bloque de testimonios con una foto de perfil circular de una mujer y la cita “AgentBoard nos da una visibilidad completa y mantiene a nuestro equipo alineado.” atribuida a Sarah Chen, Jefa de Producto, Northline. En la parte inferior, incluye exactamente 4 descripciones de características con pequeños iconos de línea: Espacio de trabajo visual, Colaboración multi-agente, Progreso en tiempo real y Seguro y gobernado.
Pantalla derecha, panel de control del producto: Crea una interfaz de aplicación web densa pero elegante. La barra superior de la aplicación muestra “AgentBoard” a la izquierda, pestañas principales Espacio de trabajo, Agentes, Integraciones, Datos, Informes, además de un botón Invitar, 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: Inicio, Bandeja de entrada con una insignia de 8, Tableros, Agentes, Flujos de trabajo, Datos, Informes, Integraciones, Ajustes, Ayuda y Contraer. El título de la página principal dice Lanzamiento Go-to-Market Q2 con una píldora verde “En vivo” y el subtítulo “Coordinando agentes en investigación, estrategia, contenido, diseño y operaciones.” Incluye botones para Compartir y un botón verde oscuro para Añadir agente.
Contenido del panel de control: Debajo del título, muestra exactamente 4 pestañas: Tablero, Progreso, Resultados, Actividad, con Tablero activo. El lienzo principal del tablero contiene exactamente 6 tarjetas de flujo de trabajo conectadas dispuestas de izquierda a derecha con líneas conectoras curvas: Agente de Investigación “Investigación de mercado y audiencia” Hecho; Agente de Datos “Análisis de rendimiento” Hecho; Agente de Estrategia “Plan de lanzamiento al mercado” En progreso; Agente de Contenido “Marco de mensajería y contenido” En progreso; Agente de Diseño “Conceptos creativos y marca” En progreso; Agente de Operaciones “Preparación y lista de verificación de lanzamiento” En progreso; Agente de Analítica “Pronóstico de rendimiento” En cola. Incluye 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ñade una franja de KPI con exactamente 5 elementos: Progreso en vivo 72% con barra de progreso verde, 9 Agentes activos, 24 Tareas en ejecución, 156 Tareas completadas y 92% A tiempo, además de un botón “Ver todas las ejecuciones”. Añade una sección de Resultados recientes con exactamente 4 tarjetas de documento: Resumen de estrategia GTM, Marco de mensajería, Conceptos creativos y Pronóstico de rendimiento, cada una con una pequeña miniatura de vista previa y hora de actualización. Añade una tabla de Ejecuciones recientes con exactamente 5 filas: Lanzamiento Go-to-Market Q2, Renovación de Onboarding de clientes, Análisis de estrategia de precios, Campaña de renovación de marca y Manual de ventas empresariales; incluye pequeños grupos de avatares de agentes, píldoras de estado de colores, horas de inicio y duraciones. En la parte inferior, incluye una barra de entrada de Compositor con el marcador de posición “¿En qué te gustaría que trabajaran los agentes?”, botones para Adjuntar y Añadir contexto, un menú desplegable “Todos los agentes” 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: Usa 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 de barra lateral, exactamente 4 pestañas de panel de control, exactamente 6 tarjetas de agente de flujo de trabajo en el tablero del panel de control más la tarjeta de Analítica en cola como séptimo punto final, exactamente 5 elementos de KPI, exactamente 4 tarjetas de resultados y exactamente 5 filas de tabla. No añadidas paneles adicionales, marcas de agua, cromo de navegador o texto decorativo más allá de la interfaz descrita.