Compliance Alliance Charter Design System · v0.1
Atoms

Status & health

The signature vocabulary of a compliance product. These tiny components carry most of the meaning in the app — so they're calm, consistent, and always paired with a word.

Status dots

Five meanings on a calm scale. The colored ring keeps them legible at a glance without shouting.

Status dots
Current On track Watch Needs action Overdue
<span class="dot dot--watch">Watch</span>

Health meter

Program health on a 5-dot scale. Reads as "mostly there" without the panic of a red progress bar.

Health meter
Strong Good Watch
<span class="health" data-level="4"> <span class="health__dots"><i></i>×5</span> <span class="health__label">Good</span> </span>

Badges

Compact status labels for cards, rows, and tables.

Badges
Current In review Due soon Action needed Overdue AI drafted Neutral

Due pills

Deadline states
30d 9d 3d overdue

Confidence & source

How the product earns trust: every inference shows its certainty, and every claim shows where it came from.

Confidence · source tags · citation chip
92% 61%
from Posture Federal Register 2025 run
Reg B §1002.107 BSA/AML Policy v7