NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web de una sola archivo HTML con Tailwind CDN y JavaScript vanilla que reproduzca el diseño analizado. Usa la marca ficticia Aula Neon (aulaneon.com, hola@aulaneon.com, claim "Recursos visuales listos para lanzar tu proyecto").
**Alcance**: Home, Inner Pages, Demo Pages. Cada página debe compartir la misma cabecera y pie de página. Incluir animaciones suaves al hacer scroll y hover usando solo CSS y pequeñas funciones JS.
**Stack**:
- <!DOCTYPE html>
- <html lang="es">
- <head> con meta viewport, Tailwind CDN (`https://cdn.tailwindcss.com`), fuentes Google (Inter 400/600) y estilos personalizados.
- <body class="font-sans antialiased text-gray-800">
**Paleta de colores**:
- #0d1a26 (azul marino profundo) – fondo principal y header
- #1e3a8a (azul índigo) – botones prima
5.012 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.012 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 Cabecera fija con logo, navegación y botón principal
- 2.1 Banner hero con título, texto y dos CTA
- 3.1 Bloque "Incluye" con cuadrícula de 3 columnas de ventajas e imágenes
- 4.1 Bloque de demos de páginas principales con tarjetas enlazables
- 5.1 Pie de página con enlaces legales y redes sociales
INNER PAGES
- 1.1 Cabecera reutilizada
- 2.1 Título de página y breadcrumbs
- 3.1 Contenido principal con bloques de texto e imagen
- 4.1 CTA final
- 5.1 Pie de página estándar
DEMO PAGES
- 1.1 Cabecera reutilizada
- 2.1 Galería de screenshots de la demo
- 3.1 Descripción y lista de funcionalidades
- 4.1 Botón de descarga o enlace externo
- 5.1 Pie de página estándar
PROMPTS RELACIONADOS · EDUCATION
