CORPORATIVO · Tailwind CDN · Vanilla JS · Claude Design

Lexora Abogados – Web profesional con hero impactante y servicios

★★★★★4,7 993 descargas

Plantilla completa para Lexora Abogados con diseño responsive, hero de ancho completo y tarjetas de servicios destacados. Incluye contadores animados, vídeo lightbox y footer con enlace a Design Prompting, todo con Tailwind CDN y JavaScript puro.

↓ Descargar PROMPT.md

GRATIS 0€

NUEVO PROMPT

PROMPT

Cópialo y pégalo en Claude Design

↓ Descargar PROMPT.md

Crea un sitio web completo para la marca ficticia Lexora Abogados usando solo HTML, Tailwind CDN y JavaScript vanilla en un único archivo. La página principal debe replicar la estructura visual del template analizado: 
- Header fijo con logo a la izquierda y menú de navegación (Home, Sobre Nosotros, Servicios, Blog, Contacto) que colapse en botón hamburguesa en móvil. 
- Hero de ancho completo con fondo claro, texto de bienvenida ("bienvenido"), título grande "Representación legal de confianza para Cada Caso", párrafo descriptivo, botón "Consulta gratuita" en color primario, y un enlace de reproducción que abre un lightbox de vídeo. A la derecha del hero, muestra un avatar grupal circular y un contador animado que al hacer scroll muestra "245 casos resueltos". Debajo del título, una fila de tres tarjetas de servicio con icono de flecha y texto: "Defensa Penal", "Derecho Familiar", "Corporativo y Negocios".
- Sección de estadísticas con tres contadores horizontales: casos resueltos, años de experiencia, clientes satisfechos. Cada contador usa animación de incremento desde 0 hasta el número final y muestra un "+" al final.
- Footer con fondo oscuro, columnas: Navegación (enlaces principales), Contacto (dirección ficticia, teléfono, email hola@lexoraabogados.com), Redes sociales (iconos SVG). Incluye copyright año actual.

Paleta de colores: primario #1D4ED8 (azul), secundario #F3F4F6 (gris claro), acento #EF4444 (rojo), texto principal #111827 (gris casi negro), fondo #FFFFFF.
Tipografía: Inter (sans-serif) para todo el sitio, tamaño base 16px, títulos H1 3rem, H2 2rem, cuerpo 1rem.
Requisitos técnicos: 
- Usa Tailwind CDN (https://cdn.jsdelivr.net/npm/tailwindcss@3/dist/tailwind.min.css). 
- Implementa el menú móvil con JavaScript para abrir/cerrar.
- Implementa los contadores con IntersectionObserver y requestAnimationFrame.
- El lightbox de vídeo se abre/cierran con JS simple, mostrando un iframe de YouTube placeholder.
- Todo el HTML debe estar semánticamente estructurado (header, main, section, footer). 
- Evita cualquier referencia al sitio original; todo el copy es original en español de España.
- No incluir precios ni datos reales de clientes.

Entrega el código completo listo para copiar y pegar en un archivo index.html.

---

## 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>
```

2.609 caracteres · 35 líneas Licencia libre · uso comercial permitido

CAPTURA COMPLETA · HOME

ESTRUCTURA DEL SITIO

Tabla de secciones

HOME

1.1 Hero con mensaje de bienvenida, título principal y botón de consulta
1.2 Vídeo promocional en overlay
1.3 Tarjetas de servicio destacado (Defensa penal, Derecho familiar, Corporativo)
1.4 Imagen principal del equipo
2.1 Bloque de estadísticas con contadores animados (casos resueltos, años de experiencia, clientes satisfechos)
3.1 Footer con navegación secundaria, datos de contacto y redes sociales

ABOUT US

1.1 Presentación del despacho y su misión
1.2 Equipo de profesionales con fotos y breves bios
1.3 Valores y enfoque de trabajo

SERVICES

1.1 Lista de áreas de práctica con iconos y descripciones
1.2 CTA a contacto para cada servicio

BLOG

1.1 Entradas recientes con extractos y fechas
1.2 Categorías y barra lateral de búsqueda

CONTACT

1.1 Formulario de contacto sencillo
1.2 Mapa de ubicación y datos de la oficina
1.3 Información de horarios y teléfono

PROMPTS RELACIONADOS · CORPORATIVO

Otros prompts de la misma categoría

Ficha de marca

Nombre: Lexora Abogados
Sector: Servicios legales especializados en derecho penal, familiar y corporativo
Claim: Defensa y asesoría jurídica con rigor y cercanía

Bloques de la home

1.1 Hero con mensaje de bienvenida, título principal y botón de consulta
1.2 Vídeo promocional en overlay
1.3 Tarjetas de servicio destacado (Defensa penal, Derecho familiar, Corporativo)
1.4 Imagen principal del equipo
2.1 Bloque de estadísticas con contadores animados (casos resueltos, años de experiencia, clientes satisfechos)
3.1 Footer con navegación secundaria, datos de contacto y redes sociales

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 – Web profesional con hero impactante y servicios

Cópialo y pégalo en Claude Design

Tabla de secciones

HOME

ABOUT US

SERVICES

BLOG

CONTACT

Otros prompts de la misma categoría

JurisNova

Kairon Strategy

Korven Studio

Laboris Tech