Compliance Alliance Charter Design System · v0.1
Foundations

Iconography

Charter uses Lucide — a clean, open-source line set. Consistent 2px strokes, drawn on a calm grid, sized to sit comfortably beside 15px text.

Usage

Drop an <i> with a data-lucide name and call lucide.createIcons(). Icons inherit currentColor and scale with font-size.

Sizes (inherit currentColor)
14 18 24
<i data-lucide="shield-check"></i> <script>lucide.createIcons()</script>

Core set

A working subset mapped to Hub concepts — navigation, workflows, status, and the assistant.

compass
radar
shield-check
gauge
git-branch
file-text
file-check-2
landmark
scale
calendar-clock
bell
sparkles
graduation-cap
list-checks
users
table-2
upload
triangle-alert
circle-check-big
clock
search
settings-2
building-2
book-open