NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una web completa para la marca ficticia "Jurídico Aurora" (firma de abogados) usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Mantén la siguiente paleta de colores: #0B1E3F (azul marino profundo), #1F4E79 (azul medio), #C66B4A (cobre rojizo para acentos), #F5F5F5 (gris muy claro de fondo) y #FFFFFF (blanco). Tipografía: Inter para títulos y cuerpo, peso 400‑700, importada desde Google Fonts.
Estructura y requisitos:
- **Header**: barra fija con logo (SVG placeholder), enlaces: Inicio, Sobre nosotros, Servicios, Precios, Blog, Contacto y botón destacado "Solicitar consulta". En móvil, colapsable con icono de hamburguesa animado (CSS simple).
- **Home**:
1. **Hero**: fondo azul marino con overlay oscuro, título grande blanco, subtítulo gris claro, párrafo
4.264 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.264 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 botón destacado
- 1.2 Hero con título, subtítulo, párrafo descriptivo y botón "Solicitar consulta"
- 1.3 Área de logos de clientes/alianzas
- 1.4 Bloque "Por qué elegirnos" con imagen ilustrativa, encabezado y texto de apoyo, botón de enlace
- 1.5 Sección de áreas de expertise en cuadrícula, cada tarjeta con imagen, título y lista de servicios
- 1.6 Footer con enlaces institucionales, datos de contacto y redes sociales
ABOUT
- 2.1 Cabecera secundaria con título de página y breadcrumb
- 2.2 Texto narrativo sobre la firma, misión y valores
- 2.3 Equipo de profesionales en tarjetas con foto, nombre y cargo
- 2.4 Testimonios de clientes en carrusel
- 2.5 Footer reutilizado
SERVICES
- 3.1 Lista de servicios en tarjetas con icono, título y breve descripción
- 3.2 CTA al final de la sección para solicitar una reunión
- 3.3 Footer reutilizado
PRICING
- 4.1 Tabla comparativa de paquetes de asesoría con características y botón de contacto
- 4.2 FAQ en acordeón
- 4.3 Footer reutilizado
BLOG
- 5.1 Grid de artículos con imagen, título, extracto y autor
- 5.2 Paginación inferior
- 5.3 Footer reutilizado
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 6.2 Mapa embebido y datos de oficina
- 6.3 Footer reutilizado
PROMPTS RELACIONADOS · LEGAL / ABOGADOS
