Dashboard design system
Dense analytics cards, status chips, and quick scanning for repeated use.
Live module
analytics dashboard with compact cards, cool surfaces, and status-first information design.
Focus, hover, and status states share the same brand signal.
Typography
Headlines use the display stack with the declared scale and leading.
Surface
Cards, warm panels, borders, and raised states resolve through shared tokens.
Interaction
Buttons, inputs, and panels use brand-specific focus rings and easing.