NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Lumina Academia siguiendo las indicaciones a continuación. Usa solo HTML estático en un único archivo, enlaza Tailwind CSS vía CDN y escribe cualquier interacción mínima con JavaScript vanilla (por ejemplo, abrir/cerrar el menú móvil). No usar ningún framework ni librerías externas.
---
**Marca**: Lumina Academia
**Dominio**: luminaacademia.com
**Sector**: plataforma educativa para universidades
**Claim**: Herramientas digitales para la formación universitaria
**Paleta de colores**: primary #1E3A8A (azul marino), secondary #3B82F6 (azul brillante), accent #F59E0B (ámbar), neutral‑01 #FFFFFF, neutral‑04 #1F2937 (gris oscuro).
**Tipografía**: "Inter", sans-serif para todo el texto; usar variantes 400, 500, 700.
---
**Estructura global**
-
5.088 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.088 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 Header con logo, menú principal, dropdowns y botón de llamada a la acción.
- 2.1 Hero con texto introductorio, título destacado y botón primario.
- 3.1 Carrusel de imágenes tipo ticker mostrando ejemplos de landing, blogs y cursos.
- 4.1 Sección de características con iconos y textos breves.
- 5.1 Listado de cursos destacados en tarjetas responsivas.
- 6.1 Testimonios de estudiantes en layout de columnas.
- 7.1 Footer con enlaces rápidos, información de contacto y redes sociales.
ABOUT US
- 1.1 Header igual que Home.
- 2.1 Sub‑hero con título y párrafo descriptivo.
- 3.1 Equipo de profesores en tarjetas con foto y bio corta.
- 4.1 Valores y misión en bloques de icono‑texto.
- 5.1 Footer igual que Home.
COURSES
- 1.1 Header igual que Home.
- 2.1 Grid de cursos con tarjeta que incluye imagen, título, breve descripción y botón "Más información".
- 3.1 Filtro de categorías en barra superior.
- 4.1 Footer igual que Home.
CONTACT US
- 1.1 Header igual que Home.
- 2.1 Formulario de contacto con campos nombre, email, asunto y mensaje.
- 3.1 Mapa estático incrustado.
- 4.1 Información de contacto en columnas (dirección, teléfono, email).
- 5.1 Footer igual que Home.
PROMPTS RELACIONADOS · EDUCATION
