NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web completo para la marca ficticia JUSTICIANOVA (despacho jurídico) usando solo HTML, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Mantén la estructura y estilo visual del sitio analizado:
- Paleta de colores: #0A0A0A (fondo negro), #FFFFFF (texto blanco), #C66B4A (detalle rojizo), #F5F5F5 (gris claro), #2C3E50 (azul grisáceo).
- Tipografía: "Inter" para títulos y cuerpo, peso 400/600, tamaños variables según jerarquía.
- Header: barra fija, logo a la izquierda, menú horizontal (Inicio, Sobre nosotros, Áreas, Tarifas, Blog, Contacto) y botón destacado "Empieza ahora" a la derecha. En móviles colapsa en icono burger que abre overlay.
- Hero: fondo oscuro con imagen de fondo difuminada, título grande "Justicia entregada. Resultados garantizados.", subtítul
3.533 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.533 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, menú principal y botón de contacto
- 1.2 Hero con título destacado, subtítulo, botón de reserva y llamado a asesoría
- 1.3 Carrusel de logos de clientes y partners
- 1.4 Sección "Por qué elegirnos" con imagen y texto explicativo + botón
- 1.5 Cuadrícula de áreas de práctica con iconografía y descripción
- 1.6 Pie de página con enlaces institucionales, datos de contacto y redes sociales
ABOUT
- 2.1 Cabecera interna con título "Sobre nosotros"
- 2.2 Texto institucional con misión y valores
- 2.3 Equipo de profesionales en tarjetas
- 2.4 Testimonios de clientes
- 2.5 Llamada a la acción de contacto
SERVICES
- 3.1 Cabecera interna con título "Áreas de práctica"
- 3.2 Lista de servicios en tarjetas con icono, título y breve descripción
- 3.3 Botón para solicitar información
PRICING
- 4.1 Cabecera interna con título "Tarifas y planes"
- 4.2 Tabla comparativa de paquetes de asesoría
- 4.3 Botón de contratar consulta
BLOGS
- 5.1 Cabecera interna con título "Blog"
- 5.2 Grid de artículos con imagen, título y extracto
- 5.3 Paginación
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, mensaje
- 6.2 Información de oficina y mapa integrado
- 6.3 Botón de envío
LEGAL
- 7.1 Enlaces a política de privacidad, términos y aviso legal
PROMPTS RELACIONADOS · LEGAL / ABOGADOS
