NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Luna Aprendizaje" (plataforma de cursos online) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y el estilo del sitio analizado:
- Paleta de colores: fondo #121212, texto principal #FFFFFF, acentos #FF6600 (naranja), #CCCCCC (gris claro).
- Tipografía: fuente principal "Inter" (Google Fonts) para títulos y párrafos, peso 400/600.
- Header (navbar) fijo, con logo blanco, enlaces Home, About Us, Courses, Blog, botón primario "Contáctanos" en naranja, menú hamburguesa para móviles.
- Sección 1 (Hero): dos columnas, izquierda con h1 grande, párrafo descriptivo, botón primario "Empieza ahora" y botón secundario de video que abre un lightbox (simulado con un overlay oculto). Dere
3.520 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.520 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, enlaces de navegación y botón primario
- 2.1 Hero con título, subtítulo, botones de acción y vídeo lightbox, y una imagen ilustrativa
- 3.1 Slider de logotipos de clientes (galería estática)
- 4.1 Bloque "Sobre mí" con título, texto, imagen y métricas de confianza
- 5.1 Sección de cursos populares con título, descripción y tarjetas de curso
ABOUT US
- 1.1 Navbar (reutilizable)
- 2.1 Encabezado de página y contenido textual descriptivo
- 3.1 Imagen complementaria y CTA
COURSES
- 1.1 Navbar
- 2.1 Lista de categorías de cursos en filtro
- 3.1 Grid de tarjetas de curso con icono, nombre y breve descripción
- 4.1 Paginación
BLOG
- 1.1 Navbar
- 2.1 Lista de artículos con imagen, título y extracto
- 3.1 Sidebar con categorías y últimos posts
CONTACT
- 1.1 Navbar
- 2.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 3.1 Información de contacto y mapa estático
PROMPTS RELACIONADOS · BELLEZA / SPA
