NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para Abogados Orion, un despacho jurídico corporativo, usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un solo archivo. Reproduce fielmente la estructura y estilos del sitio analizado, sin copiar texto ni imágenes reales. Usa una paleta de colores basada en tonos azul oscuro (#0A1F44), azul medio (#1E3A8A), blanco (#FFFFFF) y gris claro (#F3F4F6). Tipografía: Inter (sans‑serif) para todo el texto, con tamaños responsivos (h1 3rem, h2 2.25rem, p 1rem).
**Header**: barra de navegación fija, logo a la izquierda, enlaces (Home, About Us, Practice Areas, Cases, Blog, Contact Us) y botón destacado "Contact us" a la derecha. Menú responsive con ícono hamburguesa que despliega los enlaces en overlay.
**Hero**: sección completa de viewport con video de fo
3.509 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.509 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 Navbar fijo con logo, enlaces y botón de contacto
- 1.2 Hero con título, párrafo, botones CTA y video de fondo
- 1.3 Beneficios destacados (icono + título + descripción)
- 1.4 Clientes destacados (fotos, número de casos, texto descriptivo)
- 1.5 Áreas de práctica (grid de tarjetas con icono y descripción)
ABOUT US
- 2.1 Cabecera interna con título de página
- 2.2 Texto institucional y valores del despacho
- 2.3 Equipo destacado con fotos y biografía breve
SERVICES
- 3.1 Lista de áreas de práctica con iconos y breve descripción
- 3.2 Botón para solicitar consulta
CASE STUDIES
- 4.1 Galería de casos exitosos con miniaturas y breve resumen
- 4.2 Enlaces a detalle de cada caso
BLOG
- 5.1 Lista de artículos recientes con imagen, título y extracto
- 5.2 Sidebar con categorías y búsqueda
CONTACT US
- 6.1 Formulario de contacto sencillo (nombre, email, mensaje)
- 6.2 Mapa integrado y datos de contacto
FOOTER
- 7.1 Enlaces de navegación secundaria, redes sociales y datos legales
- 7.2 Suscripción a newsletter (campo email)
PROMPTS RELACIONADOS · LEGAL / ATTORNEYS
