NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **Saber Acertijo** (agencia digital) usando **HTML estático**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un solo archivo. La página debe reproducir fielmente la estructura y estilo del sitio analizado, pero con contenidos totalmente originales en español (España).
**Alcance**:
- Header fijo con logo (svg placeholder), menú de navegación horizontal (Home, Portfolio, Services, Contact) y enlaces a redes sociales (LinkedIn, Instagram, Threads). Incluir icono de menú móvil que despliegue un overlay con el mismo menú y un enlace resaltado "available for work".
- Hero section:
* Título dividido en tres líneas, con animación de aparición (fade‑in) y texto alternativo tipo imagen.
* Subtítulo explicativo en tono neutro.
* Imagen
4.515 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.515 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, menú, icono menú móvil y enlace "available for work"
- 1.2 Hero con título dividido, texto descriptivo, imagen hero y botón "Book a Call"
- 1.3 Fondo decorativo con iconos abstractos
- 1.4 Carrusel marquee de proyectos (4 items visibles, repetición infinita) con imagen, tags UI/UX Design, Web Design y nombre del proyecto
- 1.5 Footer con enlaces a redes, menú rápido y datos de contacto
PROJECT
- 1.1 Header (igual que HOME)
- 1.2 Detalle del proyecto: título, galería de imágenes, descripción, servicios
- 1.3 CTA de contacto
- 1.4 Footer
SERVICES
- 1.1 Header
- 1.2 Lista de servicios con iconos y breves descripciones
- 1.3 Testimonios en slider
- 1.4 CTA
- 1.5 Footer
CONTACT
- 1.1 Header
- 1.2 Formulario de contacto simple (nombre, email, mensaje) y mapa de ubicación
- 1.3 Información de contacto adicional
- 1.4 Footer
PROMPTS RELACIONADOS · EDUCATION
