NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Abogados Alba** (despacho de abogados corporativo) usando únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla (un solo archivo). Reproduce la estructura y estética del sitio origen sin copiar textos ni imágenes.
**Alcance**:
- Cabecera fija con logo (texto "Lexara" en fuente Serif) y menú de navegación horizontal (Home, Sobre Nosotros, Áreas de Práctica, Casos, Blog, Contacto). En móvil, colapsar en botón hamburguesa que despliega menú vertical. Añadir botón destacado "Contacto" con estilo primary.
- Hero ocupando toda la altura de la ventana, con video de fondo (usar placeholder mp4 de libre uso) reproducido en bucle, sin sonido. Sobre el video, superponer un degradado oscuro y colocar: título grande (h1) en blanco, párrafo desc
4.573 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.573 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 Cabecera fija con logo y menú principal, botón contacto
- 1.2 Hero con video de fondo, h1, párrafo descriptivo, botones "Consulta Gratis" y "Nuestros Servicios"
- 1.3 Banner de beneficios (Cliente enfocado, Excelencia probada) con iconos
- 1.4 Sección de casos exitosos: fotos de clientes, número 260+ y texto descriptivo
- 1.5 Imagen de fondo del hero con degradado
- 1.6 Footer con enlaces institucionales, redes y datos de contacto
ABOUT US
- 2.1 Cabecera reutilizada
- 2.2 Título de página y descripción del despacho
- 2.3 Equipo de profesionales con fotos y breves bio
- 2.4 Valores y misión en bloques de texto
- 2.5 CTA a contacto
SERVICES
- 3.1 Cabecera
- 3.2 Lista de áreas de práctica en tarjetas con iconos
- 3.3 Descripción breve de cada área
- 3.4 CTA a casos de estudio
CASE STUDIES
- 4.1 Cabecera
- 4.2 Galería de casos con filtros y miniaturas
- 4.3 Descripción de caso destacado
- 4.4 Testimonios de clientes
BLOG
- 5.1 Cabecera
- 5.2 Lista de artículos con imagen, título y extracto
- 5.3 Sidebar con categorías y búsqueda
CONTACT US
- 6.1 Cabecera
- 6.2 Formulario de contacto (nombre, email, mensaje)
- 6.3 Mapa integrado y datos de oficina
- 6.4 CTA de consulta gratuita
PROMPTS RELACIONADOS · LEGAL / ABOGADOS
