NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático en un solo archivo HTML usando TailwindCSS CDN y JavaScript vanilla que reproduzca el diseño de una agencia digital creativa con estilo oscuro, siguiendo estos requisitos:
- Marca ficticia: Media Zafiro (mediazafiro.com). Claim: "Diseñamos identidades que destacan".
- Paleta de colores: fondo gris muy oscuro #0a0a0a, bloques principales #111111, acentos azul intenso #1e40af, texto principal #f3f4f6, enlaces y botones #3b82f6, hover #60a5fa.
- Tipografía: Inter (Google Fonts) para todo el texto, peso 400 para cuerpo, 600 para encabezados.
- Header fijo con logo tipo SVG (placeholder) a la izquierda, menú centrado con enlaces a Servicios, Portafolio, Precios, y botón toggle modo color (solo cambia clase CSS "dark" en <html>).
- Hero: sección de pantalla completa,
3.794 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.794 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 Hero con encabezado, subtítulo y CTA
- 1.2 Servicios con 3 columnas de íconos y texto
- 1.3 Portafolio con rejilla de 3 columnas
- 1.4 Precios con tabla de 3 planes
- 1.5 Contacto con formulario y mapa ligero
- 1.6 Footer con navegación secundaria y datos de la empresa
SERVICIOS
- 2.1 Lista de servicios detallada, cada uno con icono y descripción corta
PORTAFOLIO
- 3.1 Galería de proyectos, filtro por categoría, tarjetas con hover
PRECIOS
- 4.1 Detalle de planes, características y botón de contratación
CONTACTO
- 5.1 Formulario de nombre, email, mensaje y botón enviar
- 5.2 Información de contacto adicional y mapa estático
POLÍTICA DE PRIVACIDAD
- 6.1 Texto legal estático
AVISO LEGAL
- 7.1 Texto legal estático
PROMPTS RELACIONADOS · DIGITAL AGENCY
