Use the tokens
Copy colour, spacing, focus, and component tokens for consistent civic UI.
Open Design for LegalTech and Civic Tools
Accessible tokens, components, layouts, and before/after patterns for serious legal and public-service interfaces.
Component recipe
Escalation panel · focus states · evidence notes
Implementation guidance ready
Check contrast
Review high-contrast foreground and background pairs before implementation.
Ship recipes
Generate component implementation notes with accessibility and retention guidance.
Built for serious interfaces where trust matters.
LegalTech products
Design intake, document upload, risk, timeline, and escalation components.
Public-service tools
Keep accessibility, evidence, and recovery patterns visible in the UI.
Open components
Copy snippets, shortlist patterns locally, and export tokens without a backend.
Tokens
Token playground
Live preview of the current accent and radius.
Contrast helpers
| Use | Pair | Ratio | Rating |
|---|