NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático completo para la marca ficticia "Aprendea" (plataforma SaaS de cursos online). Usa únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Paleta de colores**: #1E3A8A (azul marino), #3B82F6 (azul brillante), #F3F4F6 (gris claro), #111827 (gris casi negro), #FFFFFF (blanco).
**Tipografía**: Inter (Google Fonts) para todo el texto, peso 400/600/700 según jerarquía.
**Header**: barra superior fija, fondo blanco, sombra ligera. Logo a la izquierda (texto "Aprendea" en azul marino). Menú horizontal con enlaces Home, About, Course, Blog, y botón destacado "Signup" en azul brillante con efecto hover. Icono de carrito a la derecha que muestra número de items (inicial 0). En móvil, colapsar a ícono hamburguesa que despliega el menú vertical
4.989 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.989 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 Encabezado con logo, menú y carrito
- 1.2 Hero principal con título y CTA
- 1.3 Bloque de ventajas (4 columnas)
- 1.4 Catálogo de cursos destacados (grid)
- 1.5 Testimonios con carrusel
- 1.6 Últimos artículos del blog (tarjetas)
- 1.7 CTA newsletter
- 1.8 Footer con enlaces y redes
ABOUT
- 1.1 Encabezado reutilizado
- 1.2 Imagen y texto descriptivo de la empresa
- 1.3 Valores corporativos en columnas
- 1.4 Equipo con fotos y breves bios
- 1.5 CTA de contacto
- 1.6 Footer
COURSE
- 1.1 Encabezado reutilizado
- 1.2 Lista de categorías de cursos
- 1.3 Grid de cursos con precios ficticios y botón "Más info"
- 1.4 Filtro por nivel y temática
- 1.5 Testimonios relacionados
- 1.6 Footer
BLOG
- 1.1 Encabezado reutilizado
- 1.2 Lista de artículos en formato tarjeta
- 1.3 Sidebar con categorías y archivos
- 1.4 Paginación simple
- 1.5 Footer
PROMPTS RELACIONADOS · EDUCATION