Design System
Tokens, components, and patterns powering Onfile. See the full Compliance Command Center at /preview.
Colors
Navy
#0B1D3A
Slate
#334A5F
Muted Blue
#4F7DBA
Teal
#22A39F
Green
#2DBA7F
Warning
#F59E0B
Danger
#EF4444
Status badges
CompliantPending ReviewExpiring SoonMissingExpiredOptional
Buttons
Typography
Display heading
Section heading
Subsection
Body: Inter, regular weight, used across product and marketing surfaces.
Caption: used for metadata, hints, and secondary information.