NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia "Escena Seguidilla" (agencia digital) usando **HTML**, **Tailwind CSS (CDN)** y **JavaScript vanilla** en un único archivo. El diseño debe reproducir los patrones UI identificados en el HTML de referencia, sin copiar texto literal.
**Alcance**:
- Header fijo con logo a la izquierda, iconos de redes sociales (X, Instagram, LinkedIn, Dribbble) alineados a la izquierda y un botón de menú hamburguesa a la derecha que abre un overlay full‑screen con enlaces numerados (01 Home, 02 Sobre, 03 Servicios, 04 Portafolio, 05 Contacto).
- Hero de pantalla completa con título grande dividido en tres líneas, animado con fade‑in y desplazamiento. Debajo, un indicador de scroll (mouse con puntos) que ancla a la siguiente sección.
- Sección de Servicios: tí
4.465 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.465 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, íconos sociales y hamburguesa
- 1.2 Hero con título multi‑línea y scroll cue
- 1.3 Bloque de servicios numerado (3 tarjetas)
- 1.4 Galería circular de proyectos (scroll sticky)
- 1.5 Footer con líneas decorativas y enlaces
ABOUT
- 2.1 Header reutilizado
- 2.2 Texto descriptivo de la agencia
- 2.3 Equipo en tarjetas con foto y rol
- 2.4 Valores en lista con iconos
- 2.5 Footer
SERVICES
- 3.1 Header reutilizado
- 3.2 Grid de servicios con iconos y descripción
- 3.3 Caso de estudio destacado
- 3.4 CTA de contacto
- 3.5 Footer
PORTFOLIO
- 4.1 Header reutilizado
- 4.2 Grid de proyectos tipo masonry con filtro por categoría
- 4.3 Lightbox modal para detalle de proyecto
- 4.4 Testimonios en carousel
- 4.5 Footer
CONTACT
- 5.1 Header reutilizado
- 5.2 Formulario de contacto (nombre, email, mensaje)
- 5.3 Mapa incrustado
- 5.4 Información de contacto y redes
- 5.5 Footer
PROMPTS RELACIONADOS · ENTERTAINMENT
