NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea con Claude Design un sitio web completo para la marca ficticia "Educa Valle" (agencia digital) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estilo del sitio original, sin copiar textos ni imágenes reales. Utiliza patrones de UI similares:
- Header fijo con logo (texto estilizado) y botón de menú hamburger.
- Menú fullscreen que se abre con animación, mostrando enlaces: Home, Portfolio, Solutions, Services, About, Studio, Contact. En la columna derecha incluye una lista de proyectos con miniaturas y títulos.
- Hero section (bg gris‑c5 #f5f5f5) con título grande, subtítulo en tono más claro, y dos botones: "Explorar" (scroll a #projects) y "Compra" (enlace externo).
- Botones con efecto fondo secundario y borde anim
3.297 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.297 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 Hero con título y subtítulo centrado
- 1.2 Botones de acción primaria y secundaria
- 1.3 Enlace a sección de proyectos (scroll)
- 1.4 Enlace a compra del template (external)
- 1.5 Social icons flotantes
- 1.6 Menú hamburger que abre fullscreen
- 1.7 Aside menu con lista de proyectos del portfolio
- 1.8 Footer minimalista con dirección, email y redes
PORTFOLIO
- 2.1 Grid de proyectos con imágenes en hover
- 2.2 Filtrado por categorías
- 2.3 Botón para ver proyecto completo
SOLUTIONS
- 3.1 Sección de tarjetas descriptivas de soluciones
- 3.2 Iconos ilustrativos y texto breve
SERVICES
- 4.1 Lista de servicios en tarjetas con imagen de fondo
- 4.2 Botón de llamada a la acción "Más información"
ABOUT
- 5.1 Texto descriptivo de la agencia con foto del equipo
- 5.2 Estadísticas animadas (años, proyectos, clientes)
STUDIO
- 6.1 Galería de fotos del estudio en formato masonry
- 6.2 Lightbox para ampliación
CONTACT
- 7.1 Formulario de contacto simple (nombre, email, mensaje)
- 7.2 Mapa estático con ubicación
FOOTER (global)
- 8.1 Enlaces rápidos a secciones principales
- 8.2 Iconos de redes sociales
- 8.3 Información legal y copyright
PROMPTS RELACIONADOS · EDUCACIÓN
