NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "Lumina Scholars" (educación secundaria y bachillerato) usando solo HTML y Tailwind CSS vía CDN, con un único archivo que incluya JavaScript vanilla para interactividad mínima (menú hamburguesa, scroll suave). Reproduce fielmente la arquitectura visual del sitio analizado, sin copiar texto original.
**Requisitos técnicos**
- Usa `<!DOCTYPE html><html lang="es">` y carga Tailwind 3.x desde `https://cdn.tailwindcss.com`.
- Añade una pequeña hoja de estilos inline para tipografías: fuente principal `"Inter", sans-serif` y fuente de acento `"Merriweather", serif`.
- Paleta de colores (hex):
- Primary: #1E3A8A (azul marino)
- Primary Light: #3B82F6 (azul claro)
- Accent: #F59E0B (ámbar)
- Background: #F9FAFB (gris muy claro)
- Text
4.765 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.765 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, menú y botón contacto
- 1.2 Hero con imagen, testimonio, título, párrafo y tres bloques informativos
- 1.3 Botones CTA (Inscribirse, Sobre la escuela)
- 1.4 Tres enlaces a páginas internas (Sobre la escuela, Programas académicos, Admisiones) con imagen y texto
- 1.5 Sección de beneficios con seis iconos y descripciones
- 1.6 Footer con información institucional y enlaces de utilidad
ABOUT
- 2.1 Encabezado y descripción de la historia y visión
- 2.2 Galería de imágenes y líneas de tiempo
- 2.3 Equipo docente destacado
ACADEMICS
- 3.1 Listado de programas y áreas de estudio
- 3.2 Modalidades de aprendizaje e itinerarios
- 3.3 Testimonios de estudiantes
ADMISSIONS
- 4.1 Proceso de solicitud paso a paso
- 4.2 Requisitos y documentación
- 4.3 Botón de contacto para solicitar información
NEWS-EVENTS
- 5.1 Blog de noticias y eventos recientes
- 5.2 Calendario de actividades
- 5.3 Suscripción al boletín
CONTACT-US
- 6.1 Formulario de contacto básico
- 6.2 Mapa de ubicación e información de contacto
- 6.3 Enlaces a redes sociales
PROMPTS RELACIONADOS · EDUCACIÓN
