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
Neutros sobrios como base, un acento violeta con intención y semánticos de estado claros.
Tipografía
Poppins para marca y titulares, Inter para cuerpo y datos densos, Spline Sans Mono para metadatos.
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.