Paleta

El negro es color de marca, no ausencia de color. Es lo que pesa: la entrada activa de una barra, el botón secundario de peso, la tipografía de máximo peso. No es el lienzo —las superficies siguen el tema—, y precisamente por escaso es por lo que rinde. En modo oscuro se invierte: el papel del negro lo hace el blanco. La entrada activa de una barra es #0A0A0A sobre claro y #FFFFFF sobre oscuro; en los dos casos es el máximo contraste disponible —18,4:1 y 19,8:1— y en los dos significa lo mismo.

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. El negro sube a #111111 en oscuro: sobre un fondo #0A0A0B un #0A0A0A no se distinguiría del lienzo.

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

Espaciado · base 4px

Reglas esenciales

• Tres colores de marca: el negro (chrome y máximo peso), el violeta (acción y foco) y los neutros (todo lo demás). En oscuro, el papel del negro lo hace el blanco.
• Una sola acción primaria por vista; el acento solo en acción primaria, enlaces y foco.
• Dos modos: Marketing (Poppins en titulares) y Operativo (Inter también en titulares). La píldora, los radios y la paleta se comparten: son identidad, no registro.
• Poppins nunca en texto denso; para un momento de marca dentro de la app, --lg-font-brand.
• Radios generosos y consistentes; botones píldora, cards 24px, modales 28px. Solo la alta densidad los aprieta.
• 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.