NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Educa Alba** (educaalba.com) usando **HTML estático en un solo archivo**, **Tailwind CSS vía CDN** y **JavaScript vanilla**. Reproduce fielmente la estructura y estilo del sitio analizado, sin copiar textos ni imágenes originales. Utiliza los siguientes colores y tipografías:
- Paleta: #1A202C (gris oscuro), #2D3748 (gris medio), #4A5568 (gris claro), #EDF2F7 (fondo), #E53E3E (rojo acento), #38A169 (verde acento).
- Fuente principal: `Inter`, peso 400/500/700, cargada desde Google Fonts.
**Header**
- Barra fija con logo placeholder (SVG simple), menú desplegable para secciones (Demos, Sobre la escuela, Clases, Programos, Todas las páginas). Cada dropdown muestra enlaces verticales; el último es un megamenú de tres columnas.
- Icono de
4.479 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.479 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 superior con logotipo, menú desplegable y carrito modal
- 1.2 Hero con fondo visual y llamado a la acción
- 1.3 Sección de categorías destacadas en cuadrícula
- 1.4 Testimonios rotativos
- 1.5 Newsletter con formulario de suscripción
- 1.6 Footer con enlaces institucionales y redes sociales
ABOUT US
- 2.1 Imagen de cabecera y presentación de la escuela
- 2.2 Valores y misión en columnas
- 2.3 Equipo docente en tarjetas
- 2.4 CTA a inscripción
CLASSES
- 3.1 Listado de clases en tarjetas con filtro
- 3.2 Detalle de clase con galería y botón de compra
PROGRAMS
- 4.1 Catálogo de programas en tabla responsive
- 4.2 Detalle de programa con agenda y precio
SHOP
- 5.1 Grid de productos con botón "Añadir al carrito"
- 5.2 Página de producto con galería, descripción y opciones
BLOG
- 6.1 Lista de artículos con extractos y etiquetas
- 6.2 Detalle de artículo con comentarios
CONTACT US
- 7.1 Formulario de contacto y mapa incrustado
- 7.2 Información de contacto y horarios
CART MODAL
- 8.1 Resumen de artículos, precios y botones de checkout / seguir comprando
PROMPTS RELACIONADOS · EDUCACIÓN
