NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia JUSTICIA MAGNA, un despacho de abogados, usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Mantén la estructura y estilo visual del sitio original sin copiar texto.
**Paleta de colores**
- #0B0F1A (azul muy oscuro, fondo principal)
- #FFFFFF (blanco, texto principal)
- #C66B4A (rojo terracota, acentos y botones)
- #F5F5F5 (gris claro, secciones de fondo)
- #2D3748 (gris profundo, para textos secundarios)
**Tipografía**
- Fuente principal: "Inter", sans-serif (cargar desde Google Fonts).
- Tamaños: 14px base, escala modular para títulos (h1 48px, h2 32px, h3 24px, h4 18px).
**Header / Navbar**
- Contenedor centrado max-w-7xl, flex entre logo (svg ficticio) y menú.
- Enlaces: Inicio, Sobre nosotros, Servicios
4.591 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.591 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 con logo, enlaces de navegación y botón de contacto
- 2.1 Hero con título destacado, subtítulo, párrafo descriptivo y botón de reserva
- 3.1 Carrusel de logos de clientes con etiquetas
- 4.1 Bloque "Por qué nos eligen" con imagen y texto explicativo, botón de explorar
- 5.1 Sección de especialidades con tarjetas de servicios y listados de atributos
ABOUT
- 1.1 Header manteniendo estilo global
- 2.1 Imagen principal y misión del despacho
- 3.1 Texto descriptivo con historia y valores
- 4.1 Equipo de profesionales con tarjetas
SERVICES
- 1.1 Header común
- 2.1 Grid de tarjetas de servicios con imagen, título y lista de beneficios
- 3.1 CTA para solicitar consulta
PRICING
- 1.1 Header común
- 2.1 Tabla comparativa de planes de asesoría
- 3.1 Botones de contratación
BLOGS
- 1.1 Header común
- 2.1 Listado de artículos con imágenes, títulos y extractos
- 3.1 Paginación
CONTACT
- 1.1 Header común
- 2.1 Formulario de contacto con campos nombre, email, mensaje
- 3.1 Información de oficina y mapa
LEGAL
- 1.1 Header común
- 2.1 Texto de aviso legal y política de privacidad
PROMPTS RELACIONADOS · LEGAL / ATTORNEYS
