NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Cursos Alba" (cursosalba.com) siguiendo estos requisitos:
- Stack: HTML único, Tailwind CSS vía CDN, JavaScript vanilla (solo interacciones básicas de menú y dropdown). No usar frameworks externos.
- Paleta de colores: #1F2937 (gris oscuro), #3B82F6 (azul brillante), #F3F4F6 (gris muy claro), #FFFFFF (blanco), #10B981 (verde para acentos).
- Tipografía: "Inter" para títulos y cuerpos, importada desde Google Fonts.
- Header: barra fija, logo a la izquierda (texto Cursos Alba en azul), menú principal centrado con items "Inicio", "Cursos", "Sobre nosotros", "Contactar". Cada item con dropdown que muestra enlaces internos (p.ej. para Cursos: "Diseño", "Gestión", "Tecnología", "Marketing", "Data Science", "Todos"). Botón de llamada a la acción
3.751 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.751 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 y dropdowns
- 1.2 Hero con título, subtítulo y botón de descarga de plantilla
- 1.3 Navegación secundaria de cursos en grid
- 1.4 Tarjetas de cursos destacados en layout de columnas
- 1.5 Footer con enlaces útiles, redes sociales y formulario de suscripción
COURSES
- 2.1 Header replicado
- 2.2 Breadcrumb y título de sección
- 2.3 Filtro por categoría y barra de búsqueda
- 2.4 Grid de tarjetas de cursos con imagen, etiqueta y título
- 2.5 Footer replicado
COURSE DETAIL
- 3.1 Header replicado
- 3.2 Imagen principal del curso y barra de acciones
- 3.3 Descripción del curso y lista de contenidos
- 3.4 Testimonios y valoraciones
- 3.5 Botón de compra / inscripción
- 3.6 Footer replicado
PROMPTS RELACIONADOS · LMS / CURSOS ONLINE
