El sistema de diseño de Legalty
Lenguaje visual, tokens y componentes reales con los que se construye cada producto de Legalty. Estilo rounded expresivo, tipografía Poppins e Inter, y componentes HeroUI interactivos. Guía interna y fuente única de verdad — legible por humanos y por LLMs.
Principios de diseño
Las seis convicciones que guían cada decisión de producto en Legalty.
Color
Tres colores de marca — el negro del chrome, el violeta de la acción y los neutros que sostienen todo lo demás.
Tipografía
Poppins para marca, Inter para el trabajo diario, Spline Sans Mono para los datos. Qué familia lleva un título depende del modo.
Medida y ritmo
Base de 4px, radios generosos (rounded expresivo) y sombras suaves que sugieren profundidad sin dramatismo.
Componentes
Los bloques reutilizables de Legalty, renderizados con componentes HeroUI reales e interactivos.
Dashboard y navegación
Patrones de layout para la aplicación: sidebar en escritorio, bottom navigation en móvil.
Diseño responsivo
Breakpoints del sistema y reglas de adaptación por componente.
Formularios
Principios para capturar datos legales con el mínimo de fricción y el máximo de confianza.
UX y accesibilidad
Reglas de interacción y checklist WCAG 2.1 AA que todo producto de Legalty debe cumplir.
Tokens y distribución
La fuente única de verdad y cómo consumirla en cualquier proyecto de Legalty.
Guía para LLMs y agentes
Cómo esta guía se vuelve fuente de verdad no solo para humanos, sino para modelos y agentes.
Modos: Marketing y Operativo
La misma marca en dos contextos — uno para enamorar y explicar, otro para trabajar con rigor.