Application design system
A pragmatic application system for forms, lists, navigation, and content density.
Live module
neutral app chrome, practical hierarchy, restrained blue action, and predictable product layout.
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.