NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Lexora Abogados" (lexoraabogados.com) usando solo HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Mantén la estructura y los patrones visuales del sitio analizado:
- Paleta de colores: fondo oscuro (#0A0A0A), acentos azul profundo (#1E3A8A), blanco puro (#FFFFFF) y gris claro para textos secundarios (#D1D5DB).
- Tipografía: "Inter" para encabezados y cuerpo, con pesos 400 y 600.
- Header: barra de navegación fija con logo SVG a la izquierda y enlaces (Home, Sobre nosotros, Áreas de práctica, Casos, Blog, Contacto) alineados a la derecha; botón destacado "Contactar" con estilo primary (fondo azul, texto blanco). Menú hamburguesa responsive que despliega los enlaces en panel lateral.
- Hero: sección a pantal
4.068 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.068 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 y menú de navegación principal
- 1.2 Hero con título grande, subtítulo, dos botones y fondo de vídeo
- 1.3 Área de beneficios rápidos (Cliente enfocado, Excelencia probada)
- 1.4 Tarjeta de clientes con foto, número de casos y mensaje introductorio
- 1.5 Sección de áreas de práctica con título y descripción
ABOUT US
- 2.1 Cabecera heredada
- 2.2 Sub‑hero con imagen y texto institucional
- 2.3 Valores del despacho en bloques de icono + texto
- 2.4 Equipo de profesionales en grid con foto, nombre y cargo
SERVICES
- 3.1 Cabecera heredada
- 3.2 Lista de áreas de práctica en tarjetas con icono, título y breve descripción
- 3.3 CTA para solicitar consulta
CASE STUDIES
- 4.1 Cabecera heredada
- 4.2 Galería de casos destacados con imagen y extracto
- 4.3 Enlace a detalle de cada caso
BLOG
- 5.1 Cabecera heredada
- 5.2 Feed de artículos en formato tarjeta
- 5.3 Paginación
CONTACT US
- 6.1 Cabecera heredada
- 6.2 Formulario de contacto simple (nombre, email, mensaje)
- 6.3 Información de contacto y mapa incrustado
PROMPTS RELACIONADOS · LEGAL / ATTORNEYS
