NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia Academia Fuga (academiafuga.com) usando sólo un archivo HTML que incluya Tailwind CSS vía CDN y JavaScript vanilla incrustado. La web debe reproducir fielmente la estructura y estilo visual del sitio original, pero con contenido totalmente nuevo en español de España.
**Alcance**
- Header fijo con logo (texto "Academia Fuga"), menú de navegación (Home, About, Projects, Services, Contact) y botón de menú hamburguesa para móviles.
- Hero principal con carrusel automático de imágenes (usar placeholders de Unsplash) y texto superpuesto: pequeño ("DIGITAL Media", "BRANDING", "ART DIRECTION", "WEB DEVELOPMENT"), título grande ("Estudio creativo que cuenta historias digitales para marcas modernas"), párrafo descriptivo y dos botones: "Reserva una
4.742 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.742 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 fija con logo y menú
- 1.2 Hero carrusel de imágenes + texto hero
- 1.3 Intro con título, párrafo y botones "Reserva una reunión" y "Conocer más"
- 1.4 Bloque "Sobre el estudio" con título y descripción
- 1.5 Cuadrícula de logos de partners
- 1.6 Sección de servicios (3‑4 tarjetas)
- 1.7 CTA final "Trabajemos juntos" con botón de contacto
- 1.8 Footer con enlaces y redes sociales
ABOUT US
- 2.1 Hero interior con título y subtítulo
- 2.2 Texto largo sobre la agencia y su filosofía
- 2.3 Equipo: tarjetas con foto, nombre y rol
- 2.4 Valores: iconos y breves descripciones
- 2.5 CTA a proyectos
- 2.6 Footer replicado
PROJECTS
- 3.1 Hero de página con título "Proyectos"
- 3.2 Galería tipo grid de proyectos con imágenes y hover overlay
- 3.3 Filtrado por categoría (solo UI, sin lógica backend)
- 3.4 Pagination sencilla
- 3.5 Footer replicado
SERVICES
- 4.1 Hero con título "Servicios"
- 4.2 Lista de servicios en tarjetas con icono, nombre y breve descripción
- 4.3 Sección de proceso de trabajo en pasos numerados
- 4.4 Testimonios en carrusel sencillo
- 4.5 CTA a contacto
- 4.6 Footer replicado
CONTACT
- 5.1 Hero con título "Contacto"
- 5.2 Formulario de contacto (nombre, email, asunto, mensaje) con validación básica JS
- 5.3 Información de contacto y mapa estático (imagen de placeholder)
- 5.4 Enlaces a redes sociales
- 5.5 Footer replicado
PROMPTS RELACIONADOS · EDUCACIÓN
