NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crear un sitio web estático de una firma legal ficticia llamada JurisVista usando HTML, Tailwind CSS (CDN) y JavaScript vanilla en un solo archivo. Reproducir la estructura visual observada:
- Paleta de colores: #0D1F2D (azul marino), #1E2E3E (gris azulado), #3A506B (gris medio), #F5F7FA (gris claro), #E63946 (rojo acento).
- Tipografía: Inter (sans‑serif) para textos y Playfair Display para títulos.
- Header: barra superior con logo a la izquierda, menú principal con enlaces Home, About, Pages (desplegable con Home 01, Home 02, About Us, Services, Team, Blog), Get‑Appointment, Contact. Botón destacado "Purchase Now" a la derecha y icono de menú hamburguesa para móvil.
- Hero (sección 1.2): contenedor con título grande, párrafo descriptivo, dos botones (primario "Explore Demo" y secund
3.573 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.573 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 Header con logo, menú desplegable y botón destacado
- 1.2 Hero con título, descripción, botones primario y secundario, imágenes laterales cruzadas
- 1.3 Marquee de imágenes rotativas en carrusel continuo
- 1.4 Bloque de servicios resumidos (tres columnas con iconos y breve texto)
- 1.5 Testimonios en carrusel (imagen, nombre, cargo, cita)
- 1.6 Footer con enlaces de navegación, datos de contacto, redes sociales
ABOUT US
- 2.1 Header reutilizado
- 2.2 Imagen de cabecera con título y subtítulo
- 2.3 Texto descriptivo del despacho y valores
- 2.4 Equipo profesional en grid de tarjetas
- 2.5 Llamado a la acción para consulta
SERVICES
- 3.1 Header
- 3.2 Lista de áreas de práctica en cards con icono y breve descripción
- 3.3 Sección de proceso de trabajo en pasos numerados
- 3.4 CTA para agendar cita
TEAM
- 4.1 Header
- 4.2 Grid de perfiles de abogados con foto, nombre, especialidad y enlace a detalle
BLOG
- 5.1 Header
- 5.2 Lista de artículos en tarjetas con imagen, título, extracto y fecha
- 5.3 Sidebar con categorías y últimos posts
CONTACT
- 6.1 Header
- 6.2 Formulario de contacto con campos nombre, email, asunto y mensaje
- 6.3 Mapa incrustado y datos de oficina
- 6.4 CTA para descarga de folleto
PROMPTS RELACIONADOS · LEGAL / ABOGADOS
