Design system
Component playground
Preview buttons, forms, cards and icons in every variant, tone and state before you compose a page.
Buttons
Every action state, side by side
Switch variant and size, then compare default, disabled and focus-visible rendering on the matching canvas.
Variant
Size
default
disabled
focus
All variants at a glance
Forms
Field rhythm, hints and validation
Toggle between resting, error and disabled states to check label, hint and control alignment.
State
Cards
Layered containers across tones
Cards carry the hairline border and micro-radius. Dark tone is designed for midnight sections only.
Tone
Diagnostic
Six week baseline
We map the operating spine before recommending change.
Delivery
Embedded operators
Senior practitioners work inside your reporting lines.
Assurance
Board-ready evidence
Every claim traced to a source system and an owner.
Badges
NeutralFocalSuccessDark
Icons
The approved Lucide set
One family, 1.75px stroke. Search by name and preview each glyph inside an icon tile.
Tile tone
arrowRight
arrowUpRight
analytics
enterprise
check
chevronDown
chevronRight
strategy
document
performance
global
platform
growth
security
mail
minus
operations
plus
trust
innovation
target
trending
people
workflow
close