NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa para la marca ficticia Lexira Abogados (lexira.com) siguiendo los patrones de UI del HTML proporcionado. Usa solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo.
**Paleta de colores** (extraída del original):
- #0D0D0D (gris muy oscuro, fondo principal)
- #FFFFFF (blanco, texto principal)
- #C66B4A (terra cotta, acentos y botones)
- #8C6A4B (marrón rust, subtítulos)
- #F5F5F5 (gris claro, fondos de secciones)
**Tipografía**:
- Fuente principal: 'Inter', sans‑serif (carga desde Google Fonts).
- Títulos en peso 700, cuerpo en 400.
**Estructura**:
1. **Header / Navbar** fija, fondo negro semi‑transparente, logo a la izquierda, enlaces: Inicio, Sobre nosotros, Servicios, Tarifas, Blog, Contacto. Enlaces colapsables en móvil mediante botó
4.436 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.436 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, links principales, dropdown "Utility" y botón "Get started"
- 2.1 Hero principal con fondo oscuro, titular, subtítulo, párrafo descriptivo y botón "Book a Consultation"
- 3.1 Llamada a la acción para agenda de asesoría con icono de puntos y foto del asesor
- 4.1 Carrusel de logos de clientes con etiquetas descriptivas
- 5.1 Bloque "Why leading firms choose us" con imagen a la izquierda y texto a la derecha, incluye subtítulo, título, párrafo y botón "Explore More"
- 6.1 Sección de especialidades con tarjetas de servicios (imagen + título + lista de beneficios)
- 7.1 Footer con enlaces de navegación, datos de contacto y redes sociales
ABOUT
- 1.1 Hero interno con imagen de cabecera y texto descriptivo
- 2.1 Historia del despacho y valores
- 3.1 Equipo de profesionales con foto y biografía corta
SERVICES
- 1.1 Grid de tarjetas de servicios con imagen, título y breve descripción
- 2.1 CTA de contacto al final de la página
PRICING
- 1.1 Tabla comparativa de planes y tarifas
- 2.1 Botón de solicitud de presupuesto
BLOGS
- 1.1 Lista de artículos con imagen, título y extracto
- 2.1 Sidebar con categorías y últimos posts
CONTACT
- 1.1 Formulario de contacto completo
- 2.1 Mapa incrustado y datos de dirección
LEGAL
- 1.1 Información legal y política de privacidad
PROMPTS RELACIONADOS · LEGAL / ATTORNEYS
