Manual de marca · resumen
Resumen de una página del sistema de diseño de Legalty: paleta, tipografía, radios, espaciado y reglas. Versión 5.0.0. Para la guía completa e interactiva, recorre los capítulos; para consumir los valores, usa los archivos exportables al final.
Paleta
Acento de marca
Neutros y superficies
Texto
Semánticos
Valores de modo claro. El acento de marca es #9268FA (sólido #6340C7, AA). En modo oscuro el acento sólido se mantiene en #9268FA.
Tipografía
- Poppins — display, titulares y marca.
- Inter — cuerpo, UI densa, tablas y formularios.
- Spline Sans Mono — datos, importes, códigos y overlines.
Radios · rounded expresivo
xs · 8px
sm · 10px
md · 14px
lg · 18px
xl · 24px
2xl · 28px
pill · 999px
Espaciado · base 4px
1=4px2=8px3=12px4=16px5=20px6=24px8=32px10=40px12=48px16=64px
Reglas esenciales
- Una sola acción primaria por vista; el acento solo en acción primaria, enlaces y foco.
- Poppins en titulares/marca; Inter en cuerpo, tablas y formularios; nunca Poppins en texto denso.
- Radios generosos y consistentes; botones/campos 14px, cards 24px, modales 28px.
- Contraste AA, foco visible, targets de 44px, navegación por teclado completa.
- Componentes de HeroUI vestidos con tokens de marca; no reinventar lo que ya existe.
Exportables
Consume estos valores desde cualquier proyecto de Legalty:
- /tokens.json — tokens en crudo (color, radios, tipografía, sombras).
- /tokens.css — variables CSS
--lg-*(claro y oscuro). - /llms.txt · /llms-full.txt — documentación legible por LLMs.