NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia **Bufete Atlas** (despacho jurídico) usando **HTML único**, **Tailwind CSS vía CDN** y **JavaScript vanilla** en un solo archivo. Reproduce fielmente la estructura y estilo del sitio de referencia, respetando las siguientes especificaciones:
**Paleta de colores** (hex):
- Fondo blanco: #FFFFFF
- Texto principal: #1A1A1A
- Texto secundario: #555555
- Beige resaltado: #F5F0E6
- Azul acento: #0A74DA
- Verde éxito (contadores): #28A745
- Rojo alerta: #DC3545
**Tipografía**: Inter (Google Fonts) para todo el texto, con pesos 400, 500, 700. Titulares H1 48px, H2 36px, H3 28px, cuerpo 16px.
**Header**:
- Barra superior fija con logo a la izquierda (texto "Lexora" y SVG simple).
- Menú de navegación horizontal (Inicio, Nosotros, Servicios, Blog,
4.940 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.940 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 con logo, menú y botón hamburguesa
- 1.2 Hero slider de imágenes con título, subtítulo y botón CTA
- 1.3 Bloque de estadísticas con contadores animados y texto descriptivo
- 1.4 Área de vídeo‑presentación con overlay y botón de reproducción
- 1.5 Pie de página con enlaces institucionales y datos de contacto
ABOUT US
- 2.1 Cabecera reutilizada
- 2.2 Imagen destacada y texto de presentación de la firma
- 2.3 Equipo de profesionales con tarjetas y foto
- 2.4 Valores y misión en formato de columnas
- 2.5 Pie de página
SERVICES
- 3.1 Cabecera reutilizada
- 3.2 Lista de servicios en tarjetas con íconos
- 3.3 Detalle de servicio destacado con imagen y texto
- 3.4 Testimonios rotantes
- 3.5 Pie de página
BLOG
- 4.1 Cabecera reutilizada
- 4.2 Grid de artículos con imagen, título y extracto
- 4.3 Sidebar con categorías y últimos posts
- 4.4 Pie de página
CONTACT
- 5.1 Cabecera reutilizada
- 5.2 Formulario de contacto con campos básicos
- 5.3 Mapa incrustado
- 5.4 Información de contacto y horarios
- 5.5 Pie de página
PROMPTS RELACIONADOS · LEGAL / ATTORNEYS
