NUEVO PROMPT
PROMPT
Cópialo y pégalo en Claude Design
Crea una página web completa de una firma de abogados ficticia llamada "Lex Aurora" usando HTML estático, Tailwind CSS vía CDN y JavaScript vanilla en un único archivo. Emplea la siguiente paleta de colores: #1F2937 (gris oscuro para fondos), #F9FAFB (blanco casi puro para secciones), #3B82F6 (azul primario para botones y acentos), #6B7280 (gris medio para texto secundario), #10B981 (verde para indicadores). Tipografía: Inter (cargar desde Google Fonts) para todo el texto, con tamaños: h1 48px, h2 36px, h3 28px, texto regular 16px, texto pequeño 14px.
Estructura:
1. Header fijo con logo (texto "Lex Aurora" en azul) y menú de navegación horizontal (Home, Sobre Nosotros, Áreas de práctica, Blog, Contacto) + botón "Consulta gratis" resaltado en verde. En móvil, colapsar en hamburguesa.
2.
4.169 caracteres · solo descargable completo
↓ Descargar PROMPT.md completo
4.169 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 y menú principal
- 1.2 Hero con título, botones y número de abogados
- 1.3 Área de marcas asociadas (grid de logos)
- 1.4 Sección de áreas de práctica (tarjetas con icono, título y descripción)
- 1.5 Testimonios rotativos
- 1.6 Equipo de profesionales
- 1.7 Llamada a la acción de consulta gratuita
- 1.8 Footer con enlaces, redes y datos de contacto
ABOUT
- 2.1 Header interno
- 2.2 Historia del despacho
- 2.3 Valores y misión
- 2.4 Equipo destacado
- 2.5 CTA de contacto
- 2.6 Footer
PRACTICE-AREA
- 3.1 Header interno
- 3.2 Lista de áreas de práctica (tarjetas con icono, título, descripción)
- 3.3 CTA para solicitar asesoría
- 3.4 Footer
BLOG
- 4.1 Header interno
- 4.2 Lista de artículos (título, excerpt, imagen)
- 4.3 Sidebar con categorías y últimos posts
- 4.4 Footer
CONTACT
- 5.1 Header interno
- 5.2 Formulario de contacto (nombre, email, teléfono, mensaje)
- 5.3 Mapa integrado
- 5.4 Información de oficina y teléfono
- 5.5 Footer
PROMPTS RELACIONADOS · LEGAL / ABOGADOS
