NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Estudio Amuleto" (agencia digital) usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. El objetivo es replicar el diseño visual y la estructura del sitio proporcionado, sin copiar ningún texto literal.
**Alcance**
- Header fijo con logo a la izquierda, menú horizontal (Home, Portfolio, Blog, About) y botón "Get In Touch" a la derecha.
- Hero section: fondo negro, título grande en blanco (font "Inter"), subtítulo gris claro, botón CTA azul.
- Sección Servicios con dos tarjetas horizontales. Cada tarjeta muestra un badge con precio ficticio, icono de flecha, slider automático de 4 imágenes (animación slide, navegación con flechas y puntos), título del servicio y breve descripción.
- Sección Portafolio: grid resp
4.579 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.579 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ú y botón CTA
- 1.2 Hero con título, párrafo y botón CTA
- 1.3 Servicios – tarjeta 1 (Landing Page) con badge, slider y descripción
- 1.4 Servicios – tarjeta 2 (Desarrollo web) con badge, slider y descripción
- 1.5 Portafolio destacado (grid de 2‑3 items) con overlay y badges
- 1.6 Footer con enlaces, redes y datos
PORTFOLIO
- 2.1 Header reutilizado
- 2.2 Grid de proyectos filtrables (imagen, año, categoría, título)
- 2.3 Footer reutilizado
ABOUT
- 3.1 Header
- 3.2 Bloque de presentación con foto y texto descriptivo
- 3.3 Valores y procesos en columnas
- 3.4 CTA de contacto
- 3.5 Footer
CONTACT
- 4.1 Header
- 4.2 Formulario de contacto sencillo (nombre, email, mensaje, botón)
- 4.3 Información de contacto rápida
- 4.4 Footer
PROMPTS RELACIONADOS · PORTFOLIO
