NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Herra Creativa" (agencia digital) usando solo HTML, Tailwind CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estilo del sitio analizado, sin copiar textos ni imágenes originales. Utiliza la siguiente paleta de colores: #1A1A2E (fondo oscuro), #16213E (barra de navegación), #0F3460 (acento principal), #E94560 (botón primario), #FFFFFF (texto). Tipografía: Inter para encabezados y cuerpo, con peso 400‑600.
Header: barra superior con notificación discreta, logo SVG genérico, menú principal horizontal (Home, Services, Works, About, Store, Template dropdown con sub‑links), botón de búsqueda que despliega overlay, ícono de carrito con contador, botones CTA "Contact" y "Overview". El menú debe ser responsivo (h
3.979 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.979 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 notificación superior
- 1.2 Header con logo, menú principal, búsqueda, carrito y CTA
- 1.3 Hero con título, descripción y botón
- 1.4 Servicios destacados en tarjetas
- 1.5 Portafolio de trabajos en cuadrícula
- 1.6 Contador de resultados y testimonios
- 1.7 Blog reciente en tarjetas
- 1.8 Footer con información institucional y suscripción
SERVICES
- 2.1 Header (heredado)
- 2.2 Hero de servicios con descripción breve
- 2.3 Lista de servicios en bloques con iconos y texto
- 2.4 CTA a proyecto o contacto
- 2.5 Footer
WORKS
- 3.1 Header
- 3.2 Hero con filtro de categorías
- 3.3 Galería de proyectos en tarjetas con hover
- 3.4 Detalle rápido del proyecto al hacer clic
- 3.5 Footer
ABOUT
- 4.1 Header
- 4.2 Hero con historia de la agencia
- 4.3 Equipo en tarjetas con foto y rol
- 4.4 Valores y misión en bloques
- 4.5 Footer
STORE
- 5.1 Header
- 5.2 Hero con banner de productos
- 5.3 Lista de productos en tarjetas con precio y botón "Añadir"
- 5.4 Carrito lateral (right dropdown)
- 5.5 Footer
BLOG
- 6.1 Header
- 6.2 Lista de artículos en tarjetas con imagen, título y extracto
- 6.3 Paginación
- 6.4 Footer
CONTACT
- 7.1 Header
- 7.2 Formulario de contacto con campos nombre, email, mensaje
- 7.3 Mapa incrustado
- 7.4 Footer
PROMPTS RELACIONADOS · DIGITAL AGENCY
