Habilidad de Página de Aterrizaje SaaS
Genera una página de aterrizaje SaaS moderna y enfocada en conversiones.
Reglas
- Diseño de una sola página con navegación adhesiva
- Sección héroe con fondo degradado (NO degradados púrpura/cian)
- Cuadrícula de características con 3-4 características (NO tarjetas iguales de 3 columnas)
- Sección de prueba social con logotipos de empresas reales o bloques placeholder
- Tabla de precios con 3 niveles
- Pie de página con suscripción al boletín
- Utiliza el nombre de la empresa y el eslogan proporcionados
- Respeta el color primario para acentos (máximo 2 usos por pantalla)
- La fuente Inter está PROHIBIDA. Usa Geist, Satoshi o Cabinet Grotesk
Estructura
- Navegación (adhesiva, fondo borroso)
- Héroe (texto a la izquierda + visual/métrica a la derecha)
- Prueba social (barra de logotipos)
- Características (diseño alternado)
- Testimonios (1 destacado + cuadrícula)
- Precios (3 niveles, el del medio destacado)
- Banner de CTA
- Pie de página
Técnico
- Archivo HTML único con CSS inline
- Responsive: puntos de interrupción mobile-first
- Propiedades personalizadas de CSS para tematización
- Desplazamiento suave