NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático para la marca ficticia Jurídico Delta, un despacho de abogados moderno. Usa HTML5, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #1E3A8A (azul cobalto), #F3F4F6 (gris claro), #EF4444 (rojo acento). Tipografía: Inter (sans‑serif) para cuerpos y encabezados, con peso 400‑700.
Estructura:
- **Header** fijado al top, fondo blanco, sombra ligera. Incluye logo (texto Jurídico Delta), menú horizontal (Servicios, Blog, Sobre Nosotros, Contacto), botón de carrito (icono simple) y botones "Iniciar sesión" y "Regístrate" con estilo outline y solid respectivamente. En móvil, colapsar a hamburguesa que despliega menú vertical.
- **Hero** sección a pantalla completa, fondo azul cobalto, texto ce
3.860 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.860 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 fija con logo, navegación principal, botones de carrito y acceso a cuenta
- 1.2 Hero con mensaje principal, subtítulo y botones de llamado a acción
- 1.3 Bloque de presentación de servicios en cuadrícula de tres columnas
- 1.4 Sección de beneficios con íconos y texto descriptivo
- 1.5 Testimonios de clientes en carrusel horizontal
- 1.6 Últimas entradas del blog en formato tarjeta
- 1.7 Llamado a la acción para suscripción al boletín
- 1.8 Pie de página con enlaces institucionales, contacto y redes sociales
SERVICIOS
- 2.1 Encabezado de página con título y descripción breve
- 2.2 Lista de servicios en tarjetas con ícono, título y breve descripción
- 2.3 Botón de contacto rápido en cada tarjeta
- 2.4 Footer común
BLOG
- 3.1 Encabezado de blog con título y filtro de categorías
- 3.2 Grid de artículos con imagen, título, extracto y botón leer más
- 3.3 Sidebar con categorías y suscripción al boletín
- 3.4 Footer común
CONTACTO
- 4.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 4.2 Mapa incrustado y datos de ubicación
- 4.3 Información de contacto rápido
- 4.4 Footer común
PROMPTS RELACIONADOS · LEGAL / ATTORNEYS
