Un prompt estructurado para generar un tablero de identidad de marca SaaS y maquetas de landing page en formato 2×2 con cuatro variaciones de color de acento.
Objetivo: Crear un tablero de exploración de marca limpio para un constructor de landing pages SaaS ficticio llamado Neito, mostrando el mismo sitio web y sistema de identidad de marca repetido en exactamente 4 direcciones de color.
Lienzo: Lienzo blanco ancho en formato 16:9, organizado como una cuadrícula de 2×2 con cuatro paneles completos de maquetas de marca/sitio web con abundante espacio en blanco. Cada panel es casi idéntico, excepto por el color de acento y las decoraciones de degradado suave y difuminado.
Diseño: Cada uno de los 4 paneles contiene exactamente 2 áreas principales: una maqueta de landing page grande a la izquierda y una columna estrecha de guía de marca a la derecha. Los cuatro temas de acento son: 1 azul, 2 verde, 3 naranja, 4 morado.
Detalles de la maqueta de landing page: En la parte superior izquierda, coloca el logotipo como dos barras inclinadas seguidas de “Neito” con un pequeño símbolo de estrella/destello. En la navegación superior, coloca exactamente 5 elementos: Product, Templates, Pricing, About y un botón redondeado negro que diga “Get started”. Centra un titular editorial grande con fuente serif: “Words become landing pages.” Debajo, añade un pequeño texto de apoyo en gris sobre cómo convertir ideas y contenido en hermosas landing pages listas para compartir, seguido de un botón tipo píldora negro que diga “Start for free”. Debajo del botón, coloca exactamente 3 pequeñas fichas de características con iconos: “No code”, “Quick setup” y “Always in sync”. Detrás del titular principal, utiliza un enorme anillo de degradado circular difuminado y aireado en el color de acento del panel.
Tarjetas del sitio web inferior: Debajo de cada sección principal, coloca exactamente 3 tarjetas de contenido rectangulares con bordes finos y esquinas redondeadas. La tarjeta 1 dice “Build pages from your ideas.” con un pequeño botón tipo píldora negro que dice “Try Neito”. La tarjeta 2 dice “Launching soon.” e incluye una pequeña píldora redondeada de correo electrónico/entrada, además de un botón negro que dice “Notify me” y un gráfico fino de líneas circulares abstractas. La tarjeta 3 está numerada como “01” y dice “Type your thoughts.” con un pequeño texto descriptivo y un gran anillo difuminado de color de acento recortado en la esquina inferior derecha.
Columna de guía de marca: Añade un pequeño encabezado “BRAND IDEA” y un párrafo corto al estilo japonés en texto negro pequeño. Debajo, crea exactamente 4 secciones etiquetadas separadas por líneas horizontales grises finas: COLOR PALETTE, TYPOGRAPHY, VISUAL LANGUAGE y una tarjeta de muestra. En COLOR PALETTE, muestra exactamente 2 muestras circulares etiquetadas como Main y Accent; la muestra Main es casi blanca y la muestra Accent coincide con el color del panel, con una pequeña etiqueta de código hexadecimal al lado de cada una. En TYPOGRAPHY, muestra exactamente 2 especímenes tipográficos: una “Aa” serif grande etiquetada para titulares y una “Aa” sans-serif más pequeña etiquetada para el cuerpo del texto. En VISUAL LANGUAGE, muestra exactamente 4 tokens circulares etiquetados como Flow, Connection, Simplicity y Flex, con uno o más usando el color de acento como un anillo difuminado. La tarjeta de muestra final dice “From thought to landing page.” con un pequeño subtexto y un anillo difuminado de color de acento recortado.
Estilo visual: Presentación de diseño web minimalista y premium, tipografía monocromática, mucho espacio en blanco, divisores gris claro finos, sombras sutiles, degradados suaves y esmerilados, titular editorial serif combinado con pequeñas etiquetas de interfaz sans-serif modernas. Mantén todo nítido como una captura de pantalla de exploración de marca en Figma. Usa Words become landing pages. como el titular principal repetido, blue, green, orange, purple para las cuatro variantes de color, y 16:9.
Restricciones: Muestra exactamente 4 paneles, exactamente 3 tarjetas de sitio web inferiores por panel, exactamente 2 áreas de marca por panel, exactamente 2 muestras de color por guía de marca, exactamente 2 especímenes tipográficos por guía de marca y exactamente 4 tokens de lenguaje visual por guía de marca. No añadas fotos, personas, marcos de dispositivos, fondos oscuros ni paneles adicionales.