NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia LexAura (despacho de abogados) usando HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La página debe reproducir el diseño analizado:
- Paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #1A73E8 (azul acento), #F5F5F5 (gris claro).
- Tipografía: Inter (sans-serif) para títulos y body, con pesos 400, 600, 700.
- Header: barra de navegación fija, logo a la izquierda, enlaces Home, Sobre Nosotros, Servicios, Blog, Contacto y un dropdown "Páginas" con enlaces internos ficticios. Botón hamburguesa responsive.
- Hero: sección a pantalla completa con fondo blanco, texto de bienvenida (eyebrow), título principal grande, párrafo descriptivo, botón "Consulta gratuita" con fondo azul y texto blanco, icono d
3.622 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.622 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 y dropdown.
- 1.2 Hero con mensaje, título, párrafo, botón y video.
- 1.3 Estadísticas animadas (casos resueltos, clientes satisfechos, años de experiencia).
- 1.4 Servicios destacados (Defensa Penal, Derecho de Familia, Derecho Corporativo).
- 1.5 Imagen decorativa del equipo.
- 1.6 Footer institucional.
ABOUT US
- 2.1 Encabezado de página con título y subtítulo.
- 2.2 Texto descriptivo del despacho y misión.
- 2.3 Equipo de abogados con fotos y breves biografías.
- 2.4 Valores y certificaciones.
- 2.5 Llamado a acción para contacto.
SERVICES
- 3.1 Lista de áreas de práctica con tarjetas y descripciones.
- 3.2 Detalle de cada servicio (texto e iconografía).
- 3.3 Botón de solicitud de consulta.
BLOG
- 4.1 Grid de artículos con imagen, título y extracto.
- 4.2 Sidebar con categorías y últimos posts.
- 4.3 Paginación.
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, asunto y mensaje.
- 5.2 Mapa incrustado.
- 5.3 Información de oficina y teléfono.
LEGAL
- 6.1 Política de privacidad y aviso legal.
- 6.2 Enlaces a términos de uso.
PROMPTS RELACIONADOS · LEGAL / ABOGADOS
