NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Elearning Aurora** (plataforma SaaS de cursos online) usando **HTML** con **Tailwind CSS CDN** y **JavaScript vanilla** en un único archivo. La paleta de colores: fondo oscuro #1F2937, primario #3B82F6, acento #10B981, texto principal #F9FAFB, texto secundario #9CA3AF. Tipografía: *Inter* para encabezados y párrafos, peso 400‑600.
**Header** (fixed, transparent sobre hero) con logo a la izquierda, menú principal (Inicio, Sobre Nosotros, Cursos, Blog, Precio) y dropdown multicolumna (Main Pages, Premium Pages, Utility) con enlaces simulados, botón Login (outline) y CTA "Comienza a aprender" (filled primary).
**Hero** sección full‑width, alto 80vh, fondo degradado oscuro → primario, título grande (text‑4xl lg:text-6xl, color blanco) q
3.887 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.887 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, dropdown multicolumna y botones de login y CTA
- 1.2 Hero principal con fondo oscuro, título destacado y botón principal
- 1.3 Bloque de características en grid de tres columnas con iconos y texto
- 1.4 Sección de testimonios con carrusel simple
- 1.5 Llamada a la acción secundaria con fondo contrastante
- 1.6 Footer con enlaces de navegación, redes sociales y datos de contacto
ABOUT
- 1.1 Header reutilizado
- 1.2 Imagen hero con mensaje institucional
- 1.3 Texto descriptivo con valores y misión
- 1.4 Equipo en tarjetas con foto y biografía corta
- 1.5 CTA para contactar
- 1.6 Footer reutilizado
COURSES
- 1.1 Header reutilizado
- 1.2 Grid de tarjetas de cursos con imagen, título, breve descripción y botón "Ver curso"
- 1.3 Filtros laterales por categoría y nivel
- 1.4 Sección de planes de precios resumidos
- 1.5 FAQ accordion
- 1.6 Footer reutilizado
BLOG
- 1.1 Header reutilizado
- 1.2 Lista de artículos en formato card con imagen, título, extracto y botón "Leer más"
- 1.3 Sidebar con categorías y posts populares
- 1.4 Paginación
- 1.5 Footer reutilizado
PROMPTS RELACIONADOS · LMS / CURSOS ONLINE
