NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea un sitio web estático de una firma de servicios legales llamado LumenLex usando HTML, Tailwind CSS CDN y JavaScript vanilla en un solo archivo. Sigue la siguiente guía de diseño y estructura:
**Paleta de colores**: #1F2937 (gris oscuro), #F59E0B (ámbar), #FFFFFF (blanco), #E5E7EB (gris claro), #111827 (negro profundo).
**Tipografía**: Inter (sans-serif) para todo el texto, con tamaños H1 4xl, H2 3xl, H3 2xl, cuerpo 1rem.
**Header**: barra fija, fondo blanco, logo a la izquierda, menú centrado con enlaces Home, About, Team, Contact, botón de carrito de compras a la derecha con contador. En móvil colapsa en hamburguesa.
**Hero**: sección 100vh, fondo gris claro, título grande en gris oscuro con ampersand en ámbar, texto introductorio en gris medio, botón "Solicitar cita" en ámbar, im
3.872 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
3.872 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ú y carrito
- 1.2 Hero con título, texto y botón
- 1.3 Barra de logos de confianza
- 1.4 Servicios en tarjetas
- 1.5 Equipo profesional
- 1.6 Testimonios
- 1.7 Formulario de contacto
- 1.8 Footer con enlaces y datos
ABOUT
- 2.1 Cabecera idéntica
- 2.2 Título de página y texto institucional
- 2.3 Misión, visión y valores en columnas
- 2.4 Equipo ampliado
- 2.5 CTA a agenda de citas
- 2.6 Footer
TEAM
- 3.1 Cabecera
- 3.2 Lista de profesionales con foto, nombre y especialidad
- 3.3 Botón de contacto por perfil
- 3.4 Footer
CONTACT
- 4.1 Cabecera
- 4.2 Formulario de contacto con campos nombre, email, mensaje
- 4.3 Mapa estático y datos de oficina
- 4.4 Footer
PROMPTS RELACIONADOS · LEGAL / ABOGADOS