NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Lexara Consultores** (despacho de abogados) usando **HTML único, Tailwind CSS CDN y JavaScript vanilla** en un solo archivo. Replicar fielmente la estructura y estilo del sitio proporcionado, sin copiar textos ni imágenes originales. Usa los siguientes requisitos:
**Paleta de colores**: #1A1A2E (fondo oscuro), #16213E (azul noche), #0F3460 (azul profundo), #E94560 (rojo acento), #F5F5F5 (texto claro).
**Tipografía**: "Inter" para cuerpo y "Playfair Display" para encabezados, ambas importadas de Google Fonts.
**Header**: barra fija con logo (texto "Lexara" en Playfair Display, color #E94560), menú horizontal (Home, Sobre Nosotros, Áreas de Práctica, Casos, Blog, Contacto) y botón primario "Contacto" con fondo #E94560 y texto blanco. Menú
4.357 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.357 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 principales y botón de contacto
- 1.2 Hero con título destacado, texto descriptivo, dos llamadas a la acción y video de fondo en bucle
- 1.3 Beneficios resaltados en tres tarjetas con iconos y texto breve
- 1.4 Área de clientes con fotos, número de casos y texto de apoyo
- 1.5 Fondo degradado y foto de gran formato detrás del hero
- 1.6 Sección de Áreas de Práctica con etiquetas y cuadrícula de tarjetas
- 1.7 Testimonios en carrusel, métricas y llamado a la acción final
ABOUT US
- 2.1 Header interno con breadcrumb y botón de contacto
- 2.2 Titular principal y párrafo institucional
- 2.3 Misión, visión y valores en tarjetas alineadas
- 2.4 Equipo destacado con fotos y breves biografías
- 2.5 CTA para contactar al despacho
SERVICES
- 3.1 Lista de áreas de práctica en tarjetas con icono y descripción breve
- 3.2 Caso de estudio destacado con imagen y texto lateral
- 3.3 Preguntas frecuentes en acordeón
- 3.4 CTA a formulario de consulta
CASE STUDIES
- 4.1 Grid de casos de éxito con filtro por categoría
- 4.2 Cada caso muestra miniatura, título, cliente y breve resumen
- 4.3 Botón para ver detalle del caso
BLOG
- 5.1 Lista de artículos con imagen, título, extracto y fecha
- 5.2 Barra lateral con categorías y últimos posts
- 5.3 Paginación al final de la lista
CONTACT US
- 6.1 Formulario de contacto con campos nombre, email, teléfono y mensaje
- 6.2 Mapa estático con ubicación del despacho
- 6.3 Información de contacto y botón de WhatsApp
PROMPTS RELACIONADOS · LEGAL / ATTORNEYS
