NEW PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una firma de abogados ficticia llamada Justicia360 usando HTML, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. Emplea la siguiente paleta de colores: #0A0A0A (negro profundo), #FFFFFF (blanco), #C66B4A (ocre terroso), #2D2D2D (gris oscuro), #F5F5F5 (gris claro). Tipografía: Inter para textos y headings, fuente importada desde Google Fonts.
Estructura:
- Header: barra de navegación fija con logo (texto Justicia360), enlaces: Inicio, Sobre nosotros, Servicios, Precios, Blog, Contacto; botón destacado "Empezar"; menú móvil colapsable con icono de hamburguesa.
- Hero: sección a pantalla completa, fondo oscuro con imagen de fondo difusa, título grande "Justicia entregada. Resultados garantizados.", subtítulo descriptivo, párrafo breve, botón CTA "Re
3.712 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.712 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, menú, botón contacto
- 2.1 Hero con título, subtítulo, párrafo, botón CTA, elemento decorativo
- 3.1 Logos de clientes
- 4.1 Bloque "Por qué elegirnos" (imagen + texto + botón)
- 5.1 Tarjetas de servicios especializados (imagen, título, lista)
- 6.1 Footer con enlaces, contacto y redes
ABOUT
- 1.1 Cabecera reutilizada
- 2.1 Imagen hero y presentación del despacho
- 3.1 Historia y valores
- 4.1 Equipo de profesionales
- 5.1 CTA a contacto
SERVICES
- 1.1 Cabecera
- 2.1 Lista de áreas de práctica con iconos y descripciones
- 3.1 CTA a consulta
PRICING
- 1.1 Cabecera
- 2.1 Tabla comparativa de planes de consultoría
- 3.1 Botones de solicitud
BLOG
- 1.1 Cabecera
- 2.1 Grid de artículos con extractos y fechas
- 3.1 Sidebar con categorías y newsletter
CONTACT
- 1.1 Cabecera
- 2.1 Formulario de contacto con campos nombre, email, mensaje
- 3.1 mapa de ubicación y datos de oficina
LEGAL
- 1.1 Cabecera
- 2.1 Texto legal y política de privacidad
- 3.1 Enlaces de descarga
PROMPTS RELACIONADOS · LEGAL / ATTORNEYS
