NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Data Andina** (SaaS de colaboración) usando **HTML estático**, **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. Reproduce fielmente los patrones visuales detectados en la plantilla analizada:
- **Paleta de colores**: #0A174E (azul marino), #1E3A8A (azul intenso), #3B82F6 (azul primario), #F3F4F6 (gris claro), #FFFFFF (blanco).
- **Tipografía**: Inter (Google Fonts) para títulos y cuerpo, pesos 400 y 600.
- **Header**: barra fija, logo dual (versión clara y oscura), menú horizontal con dropdowns multicolumna, botones "Log in" y "Sign up" con estilo outline y solid respectivamente, icono de menú burger para móvil que muestra overlay.
- **Hero**: sección centrada, título grande con span resaltado en color primario, su
4.155 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.155 caracteres · licencia libre
Solo descarga completa disponible
CAPTURA COMPLETA · HOME
Para que Claude replique el diseño con máxima fidelidad, descarga la imagen y adjúntala en tu chat.
Descargar captura
ESTRUCTURA DEL SITIO
Tabla de secciones
HOME
- 1.1 Navbar con logo dual, menú dropdown multicolumna y botones Login/Sign up
- 1.2 Hero principal con título destacado, subtítulo y botón principal animado
- 1.3 Área de showcase con imagen ilustrativa del producto
- 1.4 Sección de características en grid de 3 columnas con iconos y texto
- 1.5 Testimonios con carrusel horizontal
- 1.6 Tabla comparativa de planes de precios
- 1.7 Llamada a la acción final con formulario breve
- 1.8 Footer con enlaces de navegación, redes y datos de contacto
ABOUT
- 2.1 Header interno con breadcrumb
- 2.2 Texto descriptivo de la empresa y visión
- 2.3 Equipo en cards con foto y rol
- 2.4 CTA a registro newsletter
PRICING
- 3.1 Encabezado de precios con mensaje introductorio
- 3.2 Grid de tres planes con badge, lista de features y botón elegir
- 3.3 FAQ colapsable
- 3.4 CTA secundario para demo
CONTACT
- 4.1 Formulario de contacto con campos nombre, email, mensaje
- 4.2 Mapa estático y datos de oficina
- 4.3 Enlaces a redes sociales
BLOG
- 5.1 Lista de artículos en tarjetas con imagen, título y extracto
- 5.2 Paginación numérica
- 5.3 Sidebar con búsqueda y posts destacados
PROMPTS RELACIONADOS · SAAS / STARTUP
