NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo para la marca ficticia Lumenia Edu (lumeniaedu.com) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Replicar fielmente la estructura visual del sitio analizado:
- **Paleta de colores**: #0F172A (azul noche), #1E293B (gris oscuro), #FBBF24 (amarillo cálido), #10B981 (verde esmeralda), #FFFFFF (blanco) y tonos neutros para fondos y textos.
- **Tipografía**: Inter (sans-serif) para cuerpo y headings, con pesos 400 y 600.
- **Header**: barra fija, logo a la izquierda, enlaces Home, Sobre nosotros, Programas, Admisión, Pages (dropdown con enlaces a otras secciones), botón primario "Contact us" a la derecha. En móvil, colapsar en hamburguesa.
- **Hero**: vídeo de fondo autoplay, loop, muted, con overlay oscuro. Sobre el vídeo,
4.023 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.023 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 de navegación fija con logo, menú principal y botón de contacto
- 1.2 Hero de vídeo a pantalla completa con título animado y llamada a la acción
- 1.3 Tarjeta descriptiva emergente sobre la metodología
- 1.4 Bloque "Sobre nosotros" con iconos, títulos y botón
- 1.5 Imagen ilustrativa acompañada de scroll animado
- 1.6 Footer con enlaces de navegación, información de contacto y redes sociales
ABOUT
- 1.1 Header interno con breadcrumb
- 1.2 Texto descriptivo extenso y galería de imágenes
- 1.3 Equipo docente en tarjetas con foto y breve bio
- 1.4 CTA a contacto
- 1.5 Footer común
PROGRAM
- 1.1 Header interno
- 1.2 Listado de programas en grid de tarjetas con íconos y descripción breve
- 1.3 Sección de beneficios con iconos y textos en columna
- 1.4 CTA "Solicitar información"
- 1.5 Footer común
ADMISSION
- 1.1 Header interno
- 1.2 Formulario de solicitud de admisión (nombre, email, mensaje)
- 1.3 Información de proceso y requisitos en accordión
- 1.4 CTA de envío
- 1.5 Footer común
CONTACT
- 1.1 Header interno
- 1.2 Formulario de contacto rápido
- 1.3 Mapa incrustado
- 1.4 Información de teléfono, email y dirección
- 1.5 Footer común
PROMPTS RELACIONADOS · EDUCACIÓN
