NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo llamado Abogados Zenit que reproduzca el diseño visual y estructural del template analizado, sin copiar ningún texto original. Usa únicamente HTML estático en un solo archivo, Tailwind CSS vía CDN y JavaScript vanilla para interactividad (menú responsive, carrusel continuo y scroll suave).
**Paleta de colores**
- #0A1F44 (azul marino profundo)
- #1E3A8A (azul real)
- #F3F4F6 (gris muy claro de fondo)
- #111827 (gris casi negro para texto)
- #FFFFFF (blanco)
**Tipografía**
- Fuente principal: 'Inter', sans‑serif (cargar desde Google Fonts)
- Tamaños: base 16px, h1 48px, h2 36px, h3 24px, cuerpo 16px, etiquetas caps 14px.
**Header**
- Navbar fija, fondo blanco con sombra ligera. Logo a la izquierda (svg imaginario). Enlaces: Inicio, Sobre nosotros, Servic
4.286 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.286 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 navegación fija con logo, enlaces y botón de compra
- 1.2 Hero con etiqueta, título principal, línea divisoria y subtítulo
- 1.3 Grupo de botones de acción (personalizar y comprar ahora)
- 1.4 Carrusel de imágenes automático con controles de flecha
- 1.5 (placeholder) Bloque de presentación de servicios
- 1.6 (placeholder) Testimonios o logos de clientes
- 1.7 Footer con información de contacto, enlaces rápidos y redes sociales
ABOUT
- 2.1 Header interno con título y breadcrumb
- 2.2 Texto descriptivo de la empresa
- 2.3 Imagen o video institucional
- 2.4 Equipo de profesionales en tarjetas
- 2.5 Valores y misión en columnas
- 2.6 Footer (reutilizado)
SERVICES
- 3.1 Lista de servicios en tarjetas con icono y descripción breve
- 3.2 CTA para solicitar información
- 3.3 Footer
LOCATION
- 4.1 Mapa interactivo con marcadores
- 4.2 Lista de oficinas con dirección y contacto
- 4.3 Formulario de contacto rápido
- 4.4 Footer
CONTACT
- 5.1 Formulario completo de contacto (nombre, email, mensaje)
- 5.2 Información de soporte y horarios
- 5.3 Mapa miniatura
- 5.4 Footer
PROMPTS RELACIONADOS · LEGAL / ATTORNEYS
