NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web ficticio para la marca **Growth Zafiro** (agencia creativa audiovisual) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. El proyecto debe reproducir la estructura y estética del sitio analizado sin copiar texto ni imágenes originales.
**Alcance**
- Header fijo con logo (texto Growth Zafiro) y menú colapsable para móvil. Enlaces: Portafolio, Sobre Nosotros, Extras, Contacto.
- Hero principal con título grande "Growth Zafiro" y efecto de fade‑in al cargar.
- Sección "Splash" con dos tarjetas grandes que reproducen videos de fondo en bucle (usar videos de muestra de Pexels) y texto superpuesto (Home, Home Extra).
- Cuadrícula de 3 columnas para "Proyectos" con imágenes de muestra (unsplash) y títulos (Proyecto 1, 2, 3).
- Cuadrícula de 3 columnas
4.037 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.037 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 Header con logo y menú colapsable
- 2.1 Hero con título grande y animación de aparición
- 3.1 Sección de enlaces principales estilo splash con videos de fondo (Home, Home Extra)
- 4.1 Cuadrícula de proyectos destacados (3 columnas)
- 5.1 Cuadrícula de trabajos (3 columnas)
- 6.1 Cuadrícula de contactos (3 columnas)
- 7.1 Enlaces a páginas adicionales (About)
- 8.1 Footer con enlaces informativos
PROJECT PAGE
- 1.1 Header
- 2.1 Imagen o video destacado del proyecto
- 3.1 Texto descriptivo del proyecto
- 4.1 Galería de imágenes o videos
- 5.1 Footer
WORK PAGE
- 1.1 Header
- 2.1 Portada del trabajo (video o imagen)
- 3.1 Detalle del caso de estudio
- 4.1 Lightbox con galería multimedia
- 5.1 Footer
CONTACT PAGE
- 1.1 Header
- 2.1 Formulario de contacto sencillo
- 3.1 Información de contacto (email, teléfono)
- 4.1 Mapa estático
- 5.1 Footer
ABOUT PAGE
- 1.1 Header
- 2.1 Texto institucional y misión
- 3.1 Equipo con fotos circulares
- 4.1 Valores y cultura
- 5.1 Footer
PROMPTS RELACIONADOS · DIGITAL AGENCY
