NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Lex Lira" (lexlira.com), una consultoría jurídica. Utiliza HTML estático con TailwindCSS vía CDN y JavaScript vanilla en un único archivo. Replicar el diseño visual y la estructura del sitio original sin copiar textos ni imágenes, inventando todo el contenido en español neutro.
---
**Paleta de colores** (usar en Tailwind config mediante clases personalizadas):
- #0A0A0A (muy negro) – fondo principal
- #FFFFFF (blanco) – textos claros
- #1E3A8A (azul profundo) – acentos y botones primarios
- #2563EB (azul medio) – hover botones
- #F3F4F6 (gris claro) – fondos de secciones y tarjetas
- #9CA3AF (gris medio) – textos secundarios
**Tipografía**: Inter (Google Fonts) para títulos y cuerpo. Títulos H1‑H4 en Inter‑Bold, párrafos en Inter‑Regular
5.872 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.872 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 Hero con video de fondo, título, subtítulo y botones
- 1.2 Beneficios con iconos y texto breve
- 1.3 Estadísticas de casos exitosos
- 1.4 Área de práctica (grid de tarjetas)
- 1.5 Testimonios (carrusel)
- 1.6 Llamada a la acción secundaria
- 1.7 Footer con navegación y redes
ABOUT US
- 2.1 Título y presentación de la firma
- 2.2 Misión y valores en bloques
- 2.3 Equipo destacado (grid de perfiles)
- 2.4 Video institucional
- 2.5 CTA a contacto
SERVICES
- 3.1 Lista de áreas de práctica (tarjetas con icono y breve descripción)
- 3.2 Detalle de cada servicio (sección expandible)
- 3.3 Beneficios de trabajar con nosotros
- 3.4 Testimonios relacionados
- 3.5 CTA a solicitud de consulta
CASE STUDIES
- 4.1 Portafolio de casos (grid con imagen y breve ficha)
- 4.2 Detalle de caso individual (texto, resultados, cliente)
- 4.3 CTA a contacto
BLOG
- 5.1 Lista de artículos (tarjetas con imagen, título y excerpt)
- 5.2 Filtro por categorías
- 5.3 Barra lateral con últimos posts y newsletter
- 5.4 CTA a suscripción
CONTACT US
- 6.1 Formulario de contacto (nombre, email, asunto, mensaje)
- 6.2 Mapa interactivo con ubicación
- 6.3 Información de contacto y horarios
- 6.4 Redes sociales
FOOTER
- 7.1 Navegación secundaria
- 7.2 Información legal y aviso de privacidad
- 7.3 Iconos de redes sociales
PROMPTS RELACIONADOS · LEGAL / ABOGADOS
