NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia LumenEdu (plataforma de cursos online) usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estilo del sitio analizado:
- **Paleta de colores**: principal #1A202C (gris oscuro), secundario #4A90E2 (azul vibrante), acento #F5A623 (ámbar), fondo #F9FAFC (gris muy claro), texto principal #2D3748 (gris medio).
- **Tipografía**: Inter (sans‑serif) para títulos y body, con peso 400/600/700 según jerarquía.
- **Header**: barra fija con logo LumenEdu (SVG placeholder), menú de navegación con dos dropdowns ("Páginas" y "Cursos") de 3 columnas cada una, y un botón destacado "Descargar plantilla" con estilo outline.
- **Hero**: sección a pantalla completa, fondo degradado a
3.719 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.719 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ú desplegable multi‑columna y botón de descarga de plantilla
- 1.2 Hero principal con título, subtítulo y botón de llamada a la acción
- 1.3 Sección de cursos destacados en cuadrícula responsiva con tarjetas de imagen, categoría y título
- 1.4 Área de información adicional con bloques de texto e íconos
- 1.5 Footer con enlaces de navegación, redes sociales y datos de contacto
COURSES
- 2.1 Lista de categorías en columnas con enlaces
- 2.2 Grid de cursos filtrables con tarjetas similares a la sección 1.3
COURSE DETAIL
- 3.1 Cabecera del curso con imagen hero, título y etiquetas de modo (Light/Dark)
- 3.2 Descripción ampliada, contenido del temario y botón de inscripción
- 3.3 Sección de cursos relacionados en layout de tarjetas
ABOUT
- 4.1 Texto institucional con imagen ilustrativa y bulleted list
- 4.2 Equipo con fotos circulares y breves descripciones
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 5.2 Mapa embebido y datos de localización
PROMPTS RELACIONADOS · LMS / CURSOS ONLINE
