ComplianceOne Design System

ComplianceOne is a strict, audit-trail-aware design system purpose-built for regulatory compliance and audit management platforms. Every design decision favors clarity, traceability, and zero ambiguity. The flat, borderless aesthetic with sharp corners reinforces the seriousness of compliance workflows while keeping dense regulatory data accessible.
Color Palette
Typography
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Every letter tells a story worth reading, and every typeface gives that story a new voice waiting to be heard.
Spacing
Base: 4pxComplianceOne is a strict, audit-trail-aware design system purpose-built for regulatory compliance and audit management platforms. Every design decision favors clarity, traceability, and zero ambiguity. The flat, borderless aesthetic with sharp corners reinforces the seriousness of compliance workflows while keeping dense regulatory data accessible.
Components
Buttons
Cards
Card Title
Sample body text for the card component.
Card Title
Sample body text for the card component.
Inputs
Chips
Lists
Default
Hover
Selected
Checkboxes
Default
Checked
Indeterminate
Radio Buttons
Default
Selected
Tooltips
Default
Elevation & Depth
Do's & Don'ts
Do
Don't
Use with MCP
Don't have the MCP? Install it here