Design System
llms.txt

Color

Neutros sobrios como base, un acento violeta con intención y semánticos de estado claros.

El color en Legalty es mayormente neutro. El violeta de marca aparece con moderación, reservado para acciones y foco. Los colores semánticos comunican estado sin ambigüedad. Todos los valores se exponen como variables --lg-* y funcionan en claro y oscuro.

Neutros y superficies

La escala neutra construye jerarquía por elevación: fondo, superficie, superficie elevada.

Fondo
--lg-bg
Superficie
--lg-surface
Superficie 2
--lg-surface-2
Elevado
--lg-elevated
Borde
--lg-border
Borde fuerte
--lg-border-strong

Texto

Texto
--lg-text
Texto 2
--lg-text-2
Texto 3
--lg-text-3

Acento de marca

El violeta #9268FA es la identidad. Para texto y rellenos usamos el tono ink #6340C7, que cumple contraste AA sobre fondos claros. Se usa en la acción primaria, enlaces, foco y selección — nunca como decoración.

Accent
--lg-accent
Accent ink · AA
--lg-accent-ink
Accent solid
--lg-accent-solid
Accent soft
--lg-accent-soft
Accent border
--lg-accent-border

Semánticos de estado

Cuatro familias: éxito, advertencia, peligro e información. Cada una con su tono sólido, su fondo suave y su borde.

Success
--lg-success
Warning
--lg-warning
Danger
--lg-danger
Info
--lg-info
Hacer
Usar el acento solo para la acción primaria, enlaces y foco. Un punto de color por vista.
Evitar
Colorear varios elementos con el acento a la vez: diluye la jerarquía y la intención.