NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un solo archivo HTML que reproduzca el diseño visual y la estructura de la web analizada, pero con la marca ficticia "AprendeLab" (educación online). Utiliza Tailwind CSS vía CDN y JavaScript vanilla para interactividad mínima (menú hamburguesa, carrusel de testimonios y carrito abierto).
- Paleta de colores: #0F172A (azul marino profundo), #1E293B (gris azul), #3B82F6 (azul primario), #F3F4F6 (gris claro background), #FFFFFF (blanco) y acentos #E5E7EB (gris neutro).
- Tipografía: Inter (sans-serif) para textos, Poppins para encabezados, cargadas desde Google Fonts.
- Header: barra de navegación sticky, logo SVG placeholder, menú horizontal con enlaces Home, Sobre Nosotros, Cursos, Blog y un dropdown "Más" con enlaces Mentores, Contacto, Iniciar Sesión, Re
4.028 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.028 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ú principal y acceso al carrito
- 2.1 Hero principal con título, subtítulo, CTA y visual decorativa
- 3.1 Bloque de ventajas (iconos + texto)
- 4.1 Catálogo de cursos en rejilla de tarjetas
- 5.1 Testimonios rotativos
- 6.1 Suscripción al blog
- 7.1 Pie de página institucional
ABOUT
- 1.1 Cabecera con título y fondo ilustrado
- 2.1 Texto descriptivo de la misión y visión
- 3.1 Equipo con fotos y breves biografías
- 4.1 Valores en columnas con iconos
- 5.1 Llamado a contacto
- 6.1 Pie de página institucional
COURSES
- 1.1 Cabecera con filtro de categorías
- 2.1 Lista de cursos en tarjetas (imagen, título, precio, rating)
- 3.1 Paginación al final
- 4.1 Pie de página institucional
BLOG
- 1.1 Cabecera con título del blog
- 2.1 Lista de artículos en cards (imagen, título, extracto, autor)
- 3.1 Barra lateral con categorías y suscripción
- 4.1 Pie de página institucional
CONTACT
- 1.1 Formulario de contacto (nombre, email, mensaje)
- 2.1 Mapa estático de ubicación
- 3.1 Información de contacto rápido
- 4.1 Pie de página institucional
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 29/06/2026
PROMPTS RELACIONADOS · EDUCACIÓN
