NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia Aurora Legal, un despacho de abogados corporativo, usando solo HTML, Tailwind CSS CDN y JavaScript vanilla en un único archivo. Reproduce fielmente la estructura y estilo del sitio original pero con contenido nuevo:
- **Paleta de colores**: #0A2640 (azul marino profundo), #1E3A8A (azul real), #F3F4F6 (gris muy claro), #FFFFFF (blanco), #E5E7EB (gris neutro), #10B981 (verde menta para botones).
- **Tipografía**: "Inter" para cuerpo y "Playfair Display" para encabezados, importadas desde Google Fonts.
- **Header**: barra de navegación fija con logo a la izquierda, menú horizontal (Inicio, Sobre nosotros, Servicios, Blog, Contacto) y botón hamburguesa responsivo. El logo es texto "Aurora Legal" con la tipografía Playfair y color #0A2640.
- **
4.372 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.372 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 Hero con encabezado, subtítulo, botón de consulta y visuales laterales
- 1.2 Sobre la firma: título, descripción, botón "conoce a nuestro equipo"
- 1.3 Contadores: casos resueltos, porcentaje de satisfacción, años de experiencia
- 1.4 Testimonios (tarjetas con avatar y cita)
- 1.5 CTA final con botón de contacto
ABOUT US
- 2.1 Encabezado de página y breadcrumb
- 2.2 Historia del despacho
- 2.3 Equipo (grid de perfiles)
- 2.4 Valores corporativos
- 2.5 CTA para agenda de reunión
SERVICES
- 3.1 Lista de áreas de práctica (tarjetas con icono y breve descripción)
- 3.2 Caso destacado (hero secundario)
- 3.3 Proceso de trabajo (paso a paso)
- 3.4 Botón de solicitud de presupuesto
BLOG
- 4.1 Grid de artículos recientes con imagen, título y extracto
- 4.2 Sidebar con categorías y búsqueda
- 4.3 Paginación
CONTACT
- 5.1 Formulario de contacto (nombre, email, mensaje)
- 5.2 Mapa incrustado
- 5.3 Información de oficina y teléfono
- 5.4 Botón de envío
FOOTER
- 6.1 Enlaces de navegación secundaria
- 6.2 Redes sociales
- 6.3 Aviso legal y política de privacidad
- 6.4 Copyright
PROMPTS RELACIONADOS · BIENES RAÍCES
