NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia "AprendePlus" (aprendeplus.com), una plataforma educativa online. Utiliza solo HTML, Tailwind CSS a través del CDN y JavaScript vanilla en un único archivo. Reproduce la estructura y estilo visual del sitio analizado:
- **Paleta de colores**: #1F2937 (gris oscuro), #3B82F6 (azul primario), #F3F4F6 (gris claro de fondo), #10B981 (verde acento), #FFFFFF (blanco).
- **Tipografía**: Inter (Google Fonts) para títulos y cuerpo, peso 400‑600.
- **Header**: barra fija, logo compuesto por un icono simple y texto "AprendePlus", menú horizontal con enlaces Home, About, Courses, Blog, botón destacado "Signup", ícono de carrito con contador. Navbar colapsable en móvil.
- **Hero**: sección plena pantalla, fondo con degradado azul‑gris, título grand
3.867 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.867 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ú y acceso al carrito
- 1.2 Hero principal con título, subtítulo y botón de registro
- 1.3 Sección de ventajas con iconos y breve descripción
- 1.4 Galería de cursos destacados en tarjetas responsivas
- 1.5 Testimonios rotativos de estudiantes
- 1.6 Llamado a la suscripción al boletín
- 1.7 Footer con enlaces institucionales y redes sociales
ABOUT
- 1.1 Encabezado con foto del equipo
- 1.2 Texto descriptivo sobre la misión y visión
- 1.3 Valores de la empresa en columnas
- 1.4 Equipo con tarjetas de perfil
- 1.5 CTA para contactar
COURSE
- 1.1 Lista de categorías de cursos en filtros
- 1.2 Tarjetas de curso con imagen, título, descripción breve y botón "Ver detalle"
- 1.3 Paginación inferior
- 1.4 Sidebar con cursos recomendados
- 1.5 Footer reutilizado
BLOG
- 1.1 Cabecera con título y barra de búsqueda
- 1.2 Grid de artículos con imagen, título, extracto y etiqueta
- 1.3 Barra lateral con categorías y posts recientes
- 1.4 Footer reutilizado
SIGNUP
- 1.1 Formulario de registro con campos nombre, email, contraseña
- 1.2 Beneficios de crear cuenta en lista
- 1.3 CTA de envío
- 1.4 Footer reutilizado
PROMPTS RELACIONADOS · EDUCACIÓN
