NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "LumenBridge Academy" (educación secundaria y bachillerato) usando únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El objetivo es replicar el diseño visual analizado:
- Paleta de colores: #1E3A8A (azul principal), #2563EB (azul claro), #F3F4F6 (gris muy claro), #111827 (gris oscuro), #FFFFFF (blanco).
- Tipografía: fuente serif "Merriweather" para encabezados y títulos, fuente sans "Inter" para textos corrientes.
- Header fijo con logo compuesto por las letras "LB" en serif, menú de enlaces (Inicio, Sobre nosotros, Programas, Admisiones, Noticias, Contacto) y botón destacado "Contacto". Incluye íconos de menú hamburguesa y cierre para versión móvil.
- Hero: sección a pantalla completa con imagen de fondo
3.713 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.713 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 y menú hamburguesa
- 2.1 Hero con imagen, testimonio, título, descripción y botones de llamada a la acción
- 3.1 Bloques enlazados a páginas internas (Sobre, Académicos, Admisiones) con imagen y botón
- 4.1 Sección de beneficios con grid de iconos y textos
- 5.1 Footer con información de contacto, enlaces y redes sociales
ABOUT
- 1.1 Header interno idéntico al de Home
- 2.1 Imagen grande y texto descriptivo de la historia y visión
- 3.1 Valores y misión en bloques con iconos
- 4.1 Equipo docente con fotos y breves bios
- 5.1 Footer
ACADEMICS
- 1.1 Header interno
- 2.1 Lista de programas con tarjetas, iconos y botones "Más info"
- 3.1 Testimonios de estudiantes en carrusel
- 4.1 Formulario de solicitud de información
- 5.1 Footer
ADMISSIONS
- 1.1 Header interno
- 2.1 Proceso de admisión paso a paso con numeración
- 3.1 Preguntas frecuentes en accordión
- 4.1 Botón de contacto rápido y formulario breve
- 5.1 Footer
NEWS & EVENTS
- 1.1 Header interno
- 2.1 Grid de noticias y eventos con imágenes y fechas
- 3.1 Calendario interactivo sencillo
- 4.1 Botón «Ver todas las noticias»
- 5.1 Footer
CONTACT
- 1.1 Header interno
- 2.1 Formulario de contacto completo
- 3.1 Mapa embebido y datos de localización
- 4.1 Enlaces a redes sociales y horarios
- 5.1 Footer
PROMPTS RELACIONADOS · EDUCATION
