NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa para la marca ficticia **JurisNova** (bufete de abogados) usando únicamente HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. La web debe reproducir fielmente el diseño visual y la estructura del sitio fuente, sin copiar contenido textual. Utiliza los siguientes recursos:
- **Paleta de colores**: #0A1724 (azul marino), #1E293B (gris oscuro), #F3F4F6 (gris claro), #14B8A6 (turquesa/acento), #FFFFFF (blanco).
- **Tipografía**: "Inter" para los textos y "Playfair Display" para los titulares, cargadas desde Google Fonts.
- **Header**: barra de navegación fija con logo (versión blanca y negra), enlaces Home, Sobre Nosotros, Servicios, Blog, Contacto y botón destacado "Respuesta rápida" con icono lateral. Menú colapsable en móvil.
- **Hero**: fondo
3.959 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.959 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 Cabecera con logo adaptable y menú de navegación principal
- 1.2 Hero principal con título, descripción, botón de llamada a la acción y imagen destacada
- 1.3 Bloque "Sobre nosotros" con subtítulo, texto descriptivo y tarjetas de valores
- 1.4 Sección de Servicios con cuadrícula de tarjetas, íconos y breves descripciones
- 1.5 Pie de página con enlaces institucionales, datos de contacto y redes sociales
ABOUT US
- 1.1 Cabecera (reutiliza la misma barra de navegación)
- 1.2 Hero interno con título y texto de presentación
- 1.3 Historia del despacho con imágenes y cronología
- 1.4 Equipo profesional con tarjetas de perfil
- 1.5 Llamada a la acción a contacto
SERVICES
- 1.1 Cabecera común
- 1.2 Hero de servicios con título general
- 1.3 Lista de servicios en tarjetas (Derecho corporativo, Inmobiliario, Laboral, etc.)
- 1.4 Detalle de cada servicio (imagen, descripción, beneficios)
- 1.5 CTA a solicitud de consulta
BLOG
- 1.1 Cabecera común
- 1.2 Lista de artículos en formato tarjeta con imagen, título y extracto
- 1.3 Sidebar con categorías y newsletter
- 1.4 Paginación
- 1.5 Footer común
CONTACT US
- 1.1 Cabecera común
- 1.2 Formulario de contacto con campos nombre, email, asunto y mensaje
- 1.3 Mapa incrustado y datos de oficina
- 1.4 Información de teléfono y email
- 1.5 Footer común
PROMPTS RELACIONADOS · BLOG / REVISTA
