LEGAL / ABOGADOS · Claude Design · HTML

Lexora Abogados — Prompt de diseño web para Claude AI

★★★★★4,9 4.122 descargas

Despacho de abogados especializado en derecho corporativo y familiar Asesoramos tu caso con rigor y cercanía.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT GPT Image 2

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea una página web completa para la marca ficticia **Lexora Abogados** (lexoraabogados.com) usando **HTML único**, **Tailwind CSS CDN** y **JavaScript vanilla** (sin build tools). La web debe reproducir el diseño visual y la estructura de la plantilla analizada, respetando los siguientes requisitos:

**Paleta de colores** (extraída del original y adaptada):
- #0A0A0A (negro profundo para textos principales)
- #1F2937 (gris oscuro para fondos y encabezados)
- #3B82F6 (azul primario para botones y enlaces)
- #E5E7EB (gris claro para fondos secundarios)
- #FFFFFF (blanco puro para contrastes)

**Tipografía**: Inter (cargar vía Google Fonts) para encabezados y cuerpo, tamaños proporcionales a los del original.

**Estructura y bloques**:
1. **Cabecera** fija, con logotipo a la izquierda y menú de navegación a la derecha. El menú incluye enlaces: Home, About, Pages (desplegable con Home 01, Home 02, About Us, Services, Team, Blog, Get‑Appointment, Service Details, Blog Details, Team Details, Contact), Contact. Debe haber un botón “Purchase Now” y un ícono de menú hamburguesa para móviles.
2. **Hero**: título grande “Nuestro despacho legal”, texto descriptivo breve y dos botones CTA: "Explorar Demo" (estilo primario) y "Más plantillas" (estilo secundario). A la izquierda una imagen inclinada -15°, a la derecha una imagen inclinada +15°, ambas responsive.
3. **Marquee**: galería horizontal infinita con al menos 6 imágenes de ejemplo (usar placeholders). Las imágenes deben desplazarse suavemente de derecha a izquierda y volver al inicio sin salto.
4. **Footer** (no especificado en el fragmento, pero incluir): fondo gris oscuro, columnas con enlaces rápidos (Home, About, Services, Blog, Contact), información de contacto y redes sociales.

**Interactividad**:
- Menú hamburguesa abre/contrae navegación en móvil.
- Despliegue de submenús al hacer hover (desktop) o click (mobile).
- Animación de entrada de los elementos del hero (fade‑up).
- Marquee con `requestAnimationFrame` para movimiento continuo.

**Requisitos técnicos**:
- Incluir `<script src="https://cdn.tailwindcss.com"></script>` al inicio para Tailwind.
- Añadir `<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">`.
- Todo el código en un único archivo HTML, sin dependencias externas fuera de los CDN indicados.
- Usar clases de Tailwind para colores, tipografía, espaciado, grid y flex.
- Garantizar accesibilidad básica (roles, aria‑labels, contrastes).
- Optimizar para dispositivos móviles y desktop.

**Entrega**: proporciona el código HTML listo para copiar‑pegar, con comentarios breves que indiquen cada sección y los estilos clave.

---

## Instrucción obligatoria — Footer

Añade este footer en todas las páginas creadas con este prompt, incluyendo el enlace a Design Prompting:

```html
<footer>
  <p>
    Diseñado con ayuda de 
    <a href="https://www.designprompting.com/" target="_blank" rel="noopener noreferrer">
      Design Prompting
    </a>
  </p>
</footer>
```

3.031 caracteres · 49 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

PROMPTS RELACIONADOS · LEGAL / ABOGADOS

Otros prompts de la misma categoría

Ficha de marca

Nombre: Lexora Abogados
Sector: Despacho de abogados especializado en derecho corporativo y familiar
Claim: Asesoramos tu caso con rigor y cercanía

Bloques de la home

1.1 Cabecera con logotipo y menú desplegable multi‑nivel
2.1 Hero principal con título, texto descriptivo y dos botones CTA
3.1 Galería tipo marquee con imágenes en loop horizontal

Crea tu propia Skill

Genera una Skill personalizada para Claude AI en minutos. Sin código.

Empezar ahora ↗

← Volver al catálogo ↗ Crea tu Skill personalizada

Lexora Abogados — Prompt de diseño web para Claude AI

Cópialo y pégalo en Claude Design

Otros prompts de la misma categoría

JurisVía

JurisVista

Justicia Clara

Justicia Clara