Página de inicio del héroe SaaS de Atlas GTM

{ "type": "Diseño moderno de zona principal para página de inicio de SaaS B2B", "brand": { "name": "{argument name=\"nombre de la empresa\" default=\"Atlas GTM\"}", "logo": "Un logotipo circular azul oscuro con un icono abstracto de brújula/letra A blanca.", "visual_style": "De alta gama, minimalista y orientado a la transformación, con un fondo blanco suave que presenta un halo degradado de color púrpura pálido y melocotón, sutiles líneas de contorno, esquinas redondeadas que imitan tarjetas de cristal, tipografía azul oscuro y un color de acento azul eléctrico." }, "layout": { "canvas": "Captura de pantalla de sitio web de escritorio panorámico, relación de aspecto 16:9, amplio espacio en blanco, exquisito diseño web estilo Figma.", "header": { "position": "top", "count": 6, "items": [ "El logotipo y las letras de Atlas GTM en el lado izquierdo", "Qué hacemos", "¿A quién ayudamos?", "Métodos operativos", "Resultados", "resource" ], "cta": "Consulta de estrategia de citas (con flecha derecha), botón de cápsula redondeada azul oscuro en la esquina superior derecha." }, "hero_left": { "position": "left half", "eyebrow": "Planificación, Comunicación, Reunión", "headline": "{argument name=\"headline text\" default=\"Creamos una hoja de ruta para usted desde su producto hasta los compradores de alto valor."}", "headline_treatment": "Fuente sans-serif grande, en negrita y azul oscuro, con la palabra \"Roadmap\" resaltada en azul brillante.", "body": "{argument name=\"body text\" default=\"Atlas GTM proporciona a las empresas B2B un sistema preciso y probado para ayudar a generar más clientes potenciales sin conjeturas ni dependencia de recomendaciones."}", "buttons": { "count": 2, "items": [ "Consulta de estrategia de citas, botón sólido azul oscuro con flecha", "Para ver cómo funciona, utilice el botón de contorno blanco con un pequeño icono de diamante." ] } }, "hero_right": { "position": "mitad derecha", "card_count": 4, "cards": [ { "description": "La tarjeta blanca del concepto central ubicada en la esquina superior derecha", "text": "Define tus objetivos y toma acciones precisas.", "badge": "Conceptos centrales", "graphic": "Un camino curvo punteado con pequeños nodos circulares y un punto final azul sólido." }, { "description": "El panel de mapa azul oscuro detrás de la tarjeta de la derecha", "icons_count": 3, "icons": [ "Icono de objetivo/cruz", "Iconos de audiencia/grupo", "Icono de gráfico de crecimiento" ], "graphic": "Líneas de contorno sutiles y rutas punteadas en el mapa" }, { "description": "La tarjeta de análisis blanca en la esquina inferior derecha", "metric": "2,4x", "title": "Reunión ya programada", "subtitle": "(por 1000 contactos)", "caption": "Crecimiento después de 6 meses de usar Atlas GTM", "chart": "El gráfico de línea ascendente azul está marcado con los meses 1, 3 y 6." }, { "description": "Analice la barra de funciones horizontal debajo de la tarjeta", "feature_count": 4, "features": [ "Planificación regional", "Pruebas de información", "Análisis de respuesta", "Crecimiento compuesto del sistema" ] } ] }, "trust_bar": { "position": "Centrado en la parte inferior", "heading": "Con la confianza de empresas de consultoría y SaaS B2B", "logo_count": 6, "logos": [ "fuse", "Nexora", "Northline", "Vectorly", "Clariovue", "Summit Labs" ] } }, "typography": { "font": "Una fuente sans-serif limpia y moderna, similar a Inter o Satoshi.", "colors": "Azul oscuro, gris pizarra suave, azul real brillante, morado pálido suave" }, "rendering_instructions": "Cree una maqueta de página de destino de sitio web SaaS de alta fidelidad, no un marco de navegador. Mantenga el texto claro y legible, con elementos alineados con precisión a la cuadrícula, y con el uso de sombras suaves, esquinas redondeadas, sutiles efectos de desenfoque y la estética de una startup de capital riesgo de alta gama. La sensación general debe reflejar estrategia, precisión, credibilidad y modernidad.