DIGILAWYER DESIGN SYSTEM · v2.54.2
The component library behind DigiLawyer.
25 React components, 42 documented variants, one token layer that themes all of them. Built for legal-tech interfaces where a wrong state is a wrong outcome.
Featured components
Alert
Inline feedback panel for contextual status. Seven semantic colours across three visual variants, with an optional action row.
Avatar
Circular indicator for a user or entity — icon, initials or image, in four sizes, with optional status pin.
Badge
Status disc, count pill or verified checkmark. Seven semantic colours, three sizes.
Button
The primary action element. Five variants, four sizes, five states — every colour resolved from tokens, never a hard-coded hex.
Button Group
Layout wrapper that visually groups related buttons — attached or separated, horizontal or vertical.
Tag
Inline label chip for status, category or metadata. Eight colours × three variants × four sizes, display-only or clickable.
Blocks
Page sections, grouped by what they do.