NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo en HTML estático usando Tailwind CSS CDN y JavaScript vanilla (un solo archivo) que reproduzca el diseño visual y la arquitectura de información del sitio ficticio Abogados Atlas descrito a continuación. No copiar ningún texto del original; generar copy original en español de España.
--- MARCA ---
Nombre: Abogados Atlas
Sector: Servicios legales y de consultoría
Dominio: abogadosatlas.com
Claim: Asesoría jurídica con visión estratégica
Email de contacto: hola@abogadosatlas.com
Año: 2026
--- PALETA DE COLORES ---
Primary: #1E3A8A (azul oscuro)
Secondary: #2563EB (azul medio)
Accent: #C66B4A (terrazo rojizo)
Gray‑100: #F3F4F6
Gray‑700: #374151
White: #FFFFFF
Black: #000000
--- TIPOGRAFÍA ---
Fuente principal: 'Inter', sans‑serif (cargar vía Google Fonts). Usar w
5.373 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
5.373 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 Barra de navegación fija con logo, enlaces principales y menú desplegable Utility
- 2.1 Hero principal con título, subtítulo, párrafo descriptivo y botón “Book a Consultation”
- 3.1 Bloque de logos de clientes y testimonios breves
- 4.1 Sección "Why leading firms choose us" con imagen lateral y texto explicativo + botón de exploración
- 5.1 Grid de áreas de práctica con iconos, títulos y listas descriptivas
- 6.1 Footer con enlaces institucionales, datos de contacto y redes sociales
ABOUT
- 1.1 Header heredado
- 2.1 Imagen de presentación y misión del despacho
- 3.1 Equipo de profesionales con foto y breve bio
- 4.1 Valores y certificaciones
- 5.1 CTA de contacto
SERVICES
- 1.1 Header heredado
- 2.1 Lista de servicios en tarjetas con icono, título y descripción breve
- 3.1 Caso de éxito destacado
- 4.1 CTA a solicitud de presupuesto
BLOG
- 1.1 Header heredado
- 2.1 Feed de artículos en formato tarjeta con imagen, título, extracto y fecha
- 3.1 sidebar con categorías y newsletter signup
CONTACT
- 1.1 Header heredado
- 2.1 Formulario de contacto simple (nombre, email, mensaje)
- 3.1 Mapa incrustado y datos de oficina
- 4.1 CTA a agendar llamada
PROMPTS RELACIONADOS · LEGAL / ATTORNEYS
