NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia Agencia Aurora, una agencia digital. Usa solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Mantén la estructura y estilo del sitio de referencia: header fijo con logo SVG, menú horizontal y botón de carrito (icono SVG) a la derecha; hero ocupando el 100vh con título grande, subtítulo y botón CTA primary. Después, sección de servicios con tres tarjetas uniformes, iconos minimalistas y texto descriptivo. Sigue con un portafolio en cuadrícula responsive (4 columnas en desktop, 2 en tablet, 1 en móvil) mostrando imágenes de proyecto y overlay con título. Añade un carrusel de testimonios (auto‑play, controles) usando Swiper.js CDN. Incluye un segundo CTA para suscripción al newsletter. Footer oscuro con 4 columnas: nave
3.522 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.522 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, navegación y carrito
- 1.2 Hero con título, subtítulo y botón CTA
- 1.3 Servicios en tarjetas (3 columnas)
- 1.4 Portafolio (grid 4×2)
- 1.5 Testimonios (carrusel automático)
- 1.6 Llamado a la acción secundario (newsletter)
- 1.7 Footer con enlaces, redes y datos de contacto
SERVICIOS
- 2.1 Header interno (reutiliza 1.1)
- 2.2 Listado de servicios con iconos y descripción
- 2.3 CTA al contacto
- 2.4 Footer (reutiliza 1.7)
PORTAFOLIO
- 3.1 Header interno
- 3.2 Galería filtrable por categorías
- 3.3 Detalle de proyecto (imagen grande, descripción, tags)
- 3.4 Footer
TESTIMONIOS
- 4.1 Header interno
- 4.2 Carrusel de testimonios (avatar, nombre, comentario)
- 4.3 Footer
CONTACTO
- 5.1 Header interno
- 5.2 Formulario de contacto (nombre, email, mensaje, botón)
- 5.3 Mapa embebido y datos de oficina
- 5.4 Footer
PROMPTS RELACIONADOS · AGENCIA DIGITAL
