NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Estudio Digital Zafiro" (agencia digital de branding) usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce la estructura y estilo del template analizado:
- **Paleta de colores**: fondo blanco (#FFFFFF), negro profundo para textos (#111111), rojo vibrante para acentos (#E53935), gris claro para fondos de secciones (#F5F5F5).
- **Tipografía**: encabezados con 'Inter' (sans-serif) peso 700, cuerpo con 'Inter' 400, ambos importados de Google Fonts.
- **Header**: barra de navegación fija, logo a la izquierda (texto "Estudio Digital Zafiro"), enlaces a Home, Sobre Nosotros, Servicios, Portafolio, Blog, Contacto. A la derecha muestra una dirección ficticia ("Madrid, España"), hora estática ("12:00"), y un
4.204 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.204 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 Navbar con logo, menú principal, dirección, hora y carrito
- 1.2 Hero principal con título, subtítulo y botón
- 1.3 Bloque de servicios en tres columnas con iconos y descripción
- 1.4 Galería de proyectos destacados en grid interactivo
- 1.5 Sección de testimonios con carrusel
- 1.6 Llamado a la acción para contactar o solicitar presupuesto
- 1.7 Footer con navegación secundaria, redes sociales y datos de la empresa
ABOUT US
- 2.1 Cabecera interna con título y breadcrumb
- 2.2 Texto descriptivo de la historia y valores
- 2.3 Equipo en tarjetas con foto y rol
- 2.4 CTA para unirsenos
- 2.5 Footer estándar
SERVICES
- 3.1 Lista de servicios con icono, título y breve descripción
- 3.2 Caso de estudio resaltado
- 3.3 Preguntas frecuentes en acordeón
- 3.4 CTA de solicitud de propuesta
- 3.5 Footer estándar
PORTFOLIO
- 4.1 Grid filtrable de trabajos con preview y hover overlay
- 4.2 Detalle de proyecto modal o página separada
- 4.3 CTA para ver más proyectos
- 4.4 Footer estándar
BLOG
- 5.1 Lista de artículos con imagen, título, excerpt y fecha
- 5.2 Sidebar con categorías y últimos posts
- 5.3 CTA de suscripción al newsletter
- 5.4 Footer estándar
CONTACT US
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Mapa incrustado y datos de ubicación
- 6.3 Información de contacto rápido
- 6.4 Footer estándar
PROMPTS RELACIONADOS · DIGITAL AGENCY
