NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa para la marca ficticia "Justicia Clara" (despacho de abogados) usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Reproduce la estructura y estilos del sitio analizado sin copiar texto ni imágenes originales. Utiliza la siguiente paleta de colores: #0F172A (azul marino profundo), #1E293B (gris azul), #F1F5F9 (gris muy claro), #C66B4A (ocre quemado) y #FFFFFF (blanco). Tipografía: Inter en pesos 400 y 600 para títulos, y Source Serif Pro para párrafos.
**Header** (sticky, z-10, bg-white shadow): logo a la izquierda, menú horizontal con enlaces "Sobre nosotros", "Servicios", "Precios", "Blog", "Contacto"; enlace de utilidad con dropdown que muestra "Guía de estilo", "Licencias", "Cambios", "Legal", "404"; botón destacado "Get started" con
4.674 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.674 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 Cabecera con logo, navegación principal y botón "Get started"
- 2.1 Hero con título, subtítulo, descripción, botón "Book a Consultation" y elemento visual de llamada de asesoría
- 3.1 Bloque de logos de clientes y referencia de confianza
- 4.1 Sección "Why us" con imagen ilustrativa, título, texto descriptivo y botón "Explore More"
- 5.1 Área de servicios con tarjetas de expertise, iconos y lista de especialidades
- 6.1 Pie de página con enlaces de navegación, contactos y redes sociales
ABOUT
- 1.1 Cabecera reutilizada
- 2.1 Imagen de encabezado y texto institucional
- 3.1 Valores y misión en tarjetas
- 4.1 Equipo con fotos y perfiles
- 5.1 Testimonios y logos de clientes
- 6.1 Pie de página común
SERVICES
- 1.1 Cabecera reutilizada
- 2.1 Lista de áreas de práctica en tarjetas con iconos
- 3.1 Detalle de cada servicio con título, descripción y CTA
- 4.1 Preguntas frecuentes
- 5.1 Pie de página común
CONTACT
- 1.1 Cabecera reutilizada
- 2.1 Formulario de contacto con campos nombre, email, mensaje y botón enviar
- 3.1 Información de oficina y mapa incrustado
- 4.1 Botón de llamada a la acción rápida
- 5.1 Pie de página común
PROMPTS RELACIONADOS · LEGAL / ATTORNEYS
