NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia "Business Aurora" (despacho de abogados) usando solo HTML, Tailwind CSS via CDN y JavaScript vanilla en un único archivo. El objetivo es reproducir el diseño visual y la estructura de la web analizada sin copiar textos ni imágenes. Utiliza los siguientes requisitos:
- **Paleta de colores**: #0F172A (azul noche), #1E293B (gris profundo), #3B82F6 (azul brillante), #F8FAFC (blanco casi gris), #64748B (gris medio).
- **Tipografía**: "Inter", sans-serif para todo el texto; encabezados en "Playfair Display", serif.
- **Header**: barra fija con logo (versión clara y oscura) a la izquierda, menú de navegación horizontal (Home, Sobre nosotros, Áreas de práctica, Blog, Contacto) con subrayado animado al hover y botón primario "Respuesta rápida" a la
4.616 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.616 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 claro/oscuro y enlaces principales
- 1.2 Hero principal con título, subtítulo, botón de llamada a la acción y imagen de portada
- 1.3 Bloque "Sobre nosotros" con subtítulo, texto descriptivo, iconos de valores y botón "Más sobre nosotros"
- 1.4 Sección de Servicios con título, descripción y tarjetas de servicio (icono, título, breve descripción, imagen de portada)
- 1.5 Footer con información de contacto, enlaces rápidos y redes sociales
ABOUT US
- 2.1 Header interno con breadcrumb
- 2.2 Imagen de cabecera y texto introductorio
- 2.3 Valores del despacho en tarjetas con icono y texto
- 2.4 Equipo de abogados en cuadrícula con foto y breve bio
- 2.5 CTA de contacto rápido
SERVICES
- 3.1 Lista de áreas de práctica en tarjetas tipo grid
- 3.2 Cada tarjeta incluye icono, título, descripción corta y mini‑galería
- 3.3 Botón interno para ir a detalle de cada servicio
CONTACT
- 4.1 Formulario de contacto (nombre, email, asunto, mensaje)
- 4.2 Mapa incrustado y datos de oficina
- 4.3 CTA de respuesta rápida
BLOG
- 5.1 Listado de artículos con imagen, título, extracto y fecha
- 5.2 Sidebar con categorías y últimos posts
- 5.3 Paginación
PROMPTS RELACIONADOS · CORPORATIVO
