NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Aurea Academia" (dominio aureaacademia.com, claim "Conectamos saber y futuro", email hola@aureaacademia.com, año 2026) usando únicamente HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un solo archivo. Emula el diseño analizado:
- Paleta de colores: #1E3A8A (azul oscuro), #3B82F6 (azul brillante), #F3F4F6 (gris claro), #111827 (texto negro), #FFFFFF (blanco).
- Tipografía: font-sans con "Inter" como fuente principal y "Roboto Slab" para títulos.
- Header fijo con logo a la izquierda, menú principal (Home, Sobre nosotros, Programas, Docentes, Eventos, Contacto) y un icono de carrito que muestra el número de artículos.
- Mega‑menu bajo "Programas" con enlaces a sub‑páginas.
- Hero sección: fondo azul claro, título grande, subtít
3.681 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.681 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 Barra superior con logo, menú principal y carrito
- 2.1 Hero con título, subtítulo y botón
- 3.1 Cuadrícula de programas destacados
- 4.1 Área de docentes con foto y breve bio
- 5.1 Calendario de eventos próximos
- 6.1 Testimonios en carrusel
- 7.1 Llamado a la inscripción al boletín
- 8.1 Footer con enlaces institucionales y redes
ABOUT US
- 1.1 Header heredado
- 2.1 Historia de la institución
- 3.1 Misión, visión y valores en tarjetas
- 4.1 Equipo directivo en cuadrícula
- 5.1 CTA a contacto
- 6.1 Footer heredado
PROGRAMS
- 1.1 Header heredado
- 2.1 Lista de programas en tarjetas con filtros
- 3.1 Detalle de programa (imagen, descripción, requisitos)
- 4.1 CTA a inscripción
- 5.1 Footer heredado
TEACHERS
- 1.1 Header heredado
- 2.1 Grid de docentes con foto, nombre y especialidad
- 3.1 Perfil docente ampliado (bio, cursos, contacto)
- 4.1 Footer heredado
EVENTS
- 1.1 Header heredado
- 2.1 Calendario de eventos y lista de próximos
- 3.1 Detalle de evento (fecha, ubicación, inscripción)
- 4.1 Footer heredado
CONTACT
- 1.1 Header heredado
- 2.1 Formulario de contacto con campos básicos
- 3.1 Mapa incrustado
- 4.1 Información de contacto y horario
- 5.1 Footer heredado
PROMPTS RELACIONADOS · EDUCATION
