NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia "Educa Vega" (plataforma de educación online) usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El objetivo es reproducir la estructura y estilo visual del sitio analizado, sin copiar texto ni imágenes reales.
## Alcance
- Header fijo con logo (texto "Educa Vega" y un ícono SVG genérico), menú principal (Home, Sobre, Cursos, Artículos), botón "Sign in", botón destacado "Get Started", y carrito con contador.
- Versión móvil con menú hamburguesa colapsable.
- Home con los siguientes bloques en orden:
1. Hero: fondo degradado, título grande, subtítulo, botones "Registrarse" (primario) y "Explorar cursos" (secundario).
2. Ventajas: tres columnas, cada una con icono simple, título y breve descripción.
3. Cur
4.384 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.384 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, enlaces principales, botón de acceso, carrito y menú móvil.
- 1.2 Hero con título, subtítulo y dos botones de llamado a la acción.
- 1.3 Sección de ventajas (3 columnas) con iconos y texto descriptivo.
- 1.4 Grid de cursos destacados (tarjetas con imagen, título y botón).
- 1.5 Carrusel de testimonios de usuarios.
- 1.6 Llamada a la acción final con botón principal.
- 1.7 Footer con información de contacto, enlaces rápidos y redes sociales.
SOBRE NOSOTROS
- 2.1 Encabezado interno con título y párrafo descriptivo.
- 2.2 Equipo de trabajo en tarjetas con foto y breve biografía.
- 2.3 Valores y misión en bloques horizontales.
- 2.4 CTA para unirse a la plataforma.
- 2.5 Footer replicado del Home.
CURSOS
- 3.1 Listado de cursos con filtros y barra de búsqueda.
- 3.2 Tarjetas de curso (imagen, título, precio, botón).
- 3.3 Paginación al final.
- 3.4 Footer replicado.
ARTÍCULOS
- 4.1 Blog con tarjetas de artículo (imagen, título, extracto, botón).
- 4.2 Sidebar con categorías y newsletter.
- 4.3 Footer replicado.
CONTACTO
- 5.1 Formulario de contacto con campos nombre, email, mensaje.
- 5.2 Información de contacto y mapa embebido.
- 5.3 Footer replicado.
Imagen generada con OpenRouter · Nano Banana (Gemini 2.5 Flash Image) · google/gemini-2.5-flash-image · 30/06/2026
PROMPTS RELACIONADOS · EDUCACIÓN
