NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web estática de una firma de abogados ficticia llamada Lexora Consulting usando HTML5, Tailwind CSS (CDN) y JavaScript vanilla en un único archivo. Emplea la siguiente paleta de colores: #1A1A1A (negro profundo), #FFFFFF (blanco), #C66B4A (rojo óxido), #F5F5F5 (gris claro), #2D3748 (gris azulado). Tipografía: Inter (Google Fonts) para encabezados y body, tamaños variables (h1 48px, h2 36px, h3 24px, p 16px).
Estructura la página siguiendo los bloques enumerados en "secciones":
1. Header fijo con logo (SVG ficticio), menú horizontal (About, Services, Pricing, Blog, Contact) y botón destacado "Get started" que lleva a la sección de contacto.
2. Hero de pantalla completa con fondo oscuro, título grande "Justicia entregada. Resultados garantizados.", subtítulo, párrafo descri
3.813 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.813 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, enlaces principales y botón destacado
- 1.2 Hero principal con título, subtítulo, párrafo descriptivo y botón "Reserva una consulta"
- 1.3 Llamada a acción secundaria con icono de puntos y foto del asesor
- 1.4 Carrusel de logos de clientes con etiquetas descriptivas
- 1.5 Bloque "Por qué elegirnos" con imagen y texto explicativo y botón de exploración
- 1.6 Sección de áreas de práctica con tarjetas, iconos y breves descripciones
- 1.7 Footer con sección de enlaces útiles, datos de contacto y redes sociales
ABOUT
- 2.1 Imagen de cabecera y título
- 2.2 Historia de la firma con párrafos y fotos
- 2.3 Equipo de socios con tarjetas de presentación
- 2.4 Valores y misión en bloques de texto
- 2.5 Call to action para contactar
SERVICES
- 3.1 Lista de áreas de práctica en tarjetas con icono, título y descripción corta
- 3.2 botón "Ver más" para cada servicio
- 3.3 Testimonios rotativos de clientes
PRICING
- 4.1 Tabla comparativa de planes de asesoría
- 4.2 Botones de solicitud de presupuesto
BLOG
- 5.1 Grid de artículos con imagen, título, extracto y enlace "Leer más"
- 5.2 Paginación inferior
CONTACT
- 6.1 Formulario de contacto con campos nombre, email, asunto y mensaje
- 6.2 Mapa integrado y datos de oficina
- 6.3 Botón para agendar llamada
LEGAL
- 7.1 Enlaces a términos, privacidad y avisos legales
- 7.2 Texto de copyright
PROMPTS RELACIONADOS · LEGAL / ABOGADOS
