Introduction
Justice Navigator
Design guidelines for building trust, transparency, and equity.
The Justice Navigator Design System ("Charlie") is a comprehensive guide for building equitable, accessible, and data-driven interfaces. It ensures consistency across all CPE digital products.
For Designers
Access the core Figma libraries, including styles, components, and icon sets.
View Figma File →For Developers
Implementation guides for React, CSS Variables, and D3 visualization patterns.
View Repo →Accessibility
Standards for color contrast (WCAG AA), screen reader compatibility, and keyboard nav.
Read Policy →Core Principles
1. Empower Positive Action
We don't just show data; we show the path forward.
2. Prioritize Critical Findings
Don't bury the lead. Equity findings come first.
3. Provide the Whole Story
Use benchmarks to show the full context.
4. Design for Everyone
Strict adherence to WCAG 2.1 AA.