# Legalty Design System

> Rounded expresivo · Poppins/Inter/Spline Sans Mono · HeroUI v3. Guía interna y fuente única de verdad del lenguaje visual de Legalty (color, tipografía, radios, componentes HeroUI v3). Acento de marca #9268FA. Versión 5.0.0.

Para el contenido completo en texto plano, ver /llms-full.txt.
Tokens en crudo: /tokens.json · variables CSS: /tokens.css

## Capítulos
- [Principios de diseño](/principios): Las seis convicciones que guían cada decisión de producto en Legalty.
- [Color](/color): Neutros sobrios como base, un acento violeta con intención y semánticos de estado claros.
- [Tipografía](/tipografia): Poppins para marca y titulares, Inter para cuerpo y datos densos, Spline Sans Mono para metadatos.
- [Medida y ritmo](/medida): Base de 4px, radios generosos (rounded expresivo) y sombras suaves que sugieren profundidad sin dramatismo.
- [Componentes](/componentes): Los bloques reutilizables de Legalty, renderizados con componentes HeroUI reales e interactivos.
- [Dashboard y navegación](/dashboard): Patrones de layout para la aplicación: sidebar en escritorio, bottom navigation en móvil.
- [Diseño responsivo](/responsive): Breakpoints del sistema y reglas de adaptación por componente.
- [Formularios](/formularios): Principios para capturar datos legales con el mínimo de fricción y el máximo de confianza.
- [UX y accesibilidad](/ux): Reglas de interacción y checklist WCAG 2.1 AA que todo producto de Legalty debe cumplir.
- [Tokens y distribución](/tokens): La fuente única de verdad y cómo consumirla en cualquier proyecto de Legalty.
- [Guía para LLMs y agentes](/design-md): Cómo esta guía se vuelve fuente de verdad no solo para humanos, sino para modelos y agentes.

## Fundamentos rápidos
- Tipografía: Poppins (display/marca) · Inter (cuerpo/UI densa) · Spline Sans Mono (datos/etiquetas).
- Radios (rounded expresivo): xs 8px · sm 10px · md 14px (botones/campos) · lg 18px · xl 24px (cards) · 2xl 28px (modales) · pill.
- Componentes: HeroUI v3 (React Aria + Tailwind v4). Theming por variables CSS (--accent, --radius).