NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Agencia Azabache", agencia digital especializada en gestión de redes sociales. Usa únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La paleta de colores: #0A0A0A (fondo negro), #FFFFFF (texto), #FF6F61 (acento principal), #F5F5F5 (cajas y fondos claros). Tipografía: Inter, sans‑serif, títulos en peso 800, cuerpo en 400.
Estructura:
- <header class="bg-white shadow-md p-4 flex justify-between items-center"> con logo SVG, menú ancla (Home, Why Us?, Case Studies, Blog, FAQ) y botón "Get in Touch" (bg-#FF6F61, texto blanco).
- <section id="hero" class="bg-#0A0A0A text-white py-20"> contiene:
* badge pequeño con icono y texto "Social Media Agency".
* h1 grande centrado "Your Brand, Thriving Digitally".
* p
4.042 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.042 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ú ancla y botón de contacto
- 1.2 Hero: titular, párrafo introductorio, dos botones, ilustración de influencers y estadísticas en tarjetas
- 1.3 How We Work: título, descripción, tres cards numeradas con proceso y iconos
- 1.4 Trust badge: frase de confianza y fila de iconos de marcas asociadas
- 1.5 The Difference: título, subtítulo, grid de 4 ventajas con iconos y texto
- 1.6 Footer: secciones de enlaces, información de contacto, iconos sociales
CASE STUDIES
- 2.1 Header idéntico al Home
- 2.2 Lista de proyectos en formato de tarjetas con imagen, título y breve descripción
- 2.3 CTA para contactar
- 2.4 Footer idéntico al Home
BLOG
- 3.1 Header común
- 3.2 Grid de artículos con imagen, categoría, título y extracto
- 3.3 Paginación simple
- 3.4 Footer común
CONTACT
- 4.1 Header común
- 4.2 Formulario de contacto (nombre, email, mensaje) y mapa ilustrativo
- 4.3 Información de contacto y redes sociales
- 4.4 Footer común
PROMPTS RELACIONADOS · DIGITAL AGENCY
