NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Bufete Alba** (dominio bufetealba.com) usando **HTML estático + Tailwind CSS CDN + JavaScript vanilla (single file)**. Replicar la estructura visual y los patrones UI del template analizado, sin copiar texto ni imágenes originales. Usa una paleta sobria: #0A0A0A (negro profundo), #1F2937 (gris antracita), #3B82F6 (azul azul), #F3F4F6 (gris claro) y #FFFFFF (blanco). Tipografía: **Inter** para cuerpo y **Playfair Display** para títulos.
**Header**: barra fija con logo a la izquierda, menú horizontal (Home, Sobre Nosotros, Servicios, Blog, Contacto) y dropdown bajo "Páginas" con enlaces ficticios. Botón hamburguesa para móvil. Fondo blanco, borde inferior gris claro.
**Home**:
1. **Hero** (flex con dos columnas). Izquierda: texto "Bienve
4.566 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.566 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 Encabezado fijo con logo y menú de navegación, dropdown y botón hamburguesa.
- 1.2 Hero con saludo, título, descripción, botón CTA, video lightbox y avatares con contador.
- 1.3 Lista de 3 servicios principales.
- 1.4 Imagen de hero a la derecha.
- 1.5 Sección de estadísticas con 3 contadores.
ABOUT US
- 2.1 Título de página y texto institucional.
- 2.2 Equipo de abogados (tarjetas con foto, nombre y especialidad).
- 2.3 Valores y misión.
SERVICES
- 3.1 Listado de categorías de servicios con enlaces a detalle.
- 3.2 Cada servicio muestra título, breve descripción y CTA.
BLOG
- 4.1 Lista de entradas de blog con imagen, título, extracto y enlace.
- 4.2 Paginación.
CONTACT
- 5.1 Formulario de contacto con campos nombre, email, asunto y mensaje.
- 5.2 Información de contacto y mapa incrustado.
FOOTER
- 6.1 Logo pequeño, enlaces de navegación, redes sociales y aviso legal.
PROMPTS RELACIONADOS · LEGAL / ATTORNEYS
