NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Aprendify Hub, una plataforma de educación online. Usa únicamente HTML + Tailwind CSS (CDN) y JavaScript vanilla en un solo archivo. Reproduce la siguiente estructura y estilo visual inspirado en el análisis del HTML proporcionado:
- Paleta de colores: #0A2640 (azul oscuro), #1E5F74 (azul medio), #2E8E9A (cian), #F5F5F5 (gris claro), #FFFFFF (blanco) y acentos en #FFB400 (amarillo).
- Tipografía: "Inter" para títulos y "Roboto" para cuerpo, ambas cargadas desde Google Fonts.
- Header fijo: logo a la izquierda, menú de navegación central con enlaces Home, Sobre nosotros, Cursos, Blog y dropdown "Páginas" con enlaces imaginarios. Botón primario "Regístrate" y icono de carrito con contador.
- Hero: fondo con imagen de estudiantes, título gran
3.747 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.747 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 Cabecera fija con logo, menú, dropdown, botón CTA y carrito
- 1.2 Hero con título, subtítulo, imagen y botón principal
- 1.3 Bloque de ventajas en columnas
- 1.4 Grid de cursos destacados (tarjetas con imagen, título, precio, botón)
- 1.5 Métricas y contadores (estudiantes, cursos, instructores, valoraciones)
- 1.6 Testimonios (cita, foto, nombre)
- 1.7 CTA registro rápido
- 1.8 Blog reciente (tarjetas con imagen, título, fecha)
- 1.9 Footer con enlaces, redes, suscripción newsletter
ABOUT US
- 2.1 Cabecera común
- 2.2 Hero institucional con imagen y mensaje de misión
- 2.3 Historia y valores en secciones tipo timeline
- 2.4 Equipo con tarjetas de perfil
- 2.5 CTA para contactar o unirse
COURSES
- 3.1 Cabecera común
- 3.2 Filtros y búsqueda de cursos
- 3.3 Listado en grid de tarjetas de curso (imagen, título, breve descripción, precio, botón)
- 3.4 Paginación
- 3.5 Footer común
BLOG
- 4.1 Cabecera común
- 4.2 Lista de artículos en tarjetas (imagen, título, extracto, fecha, autor)
- 4.3 Sidebar con categorías y suscripción
- 4.4 Footer común
CONTACT
- 5.1 Cabecera común
- 5.2 Formulario de contacto (nombre, email, mensaje, botón)
- 5.3 Información de contacto y mapa
- 5.4 Footer común
PROMPTS RELACIONADOS · EDUCACIÓN
