Material design system
Layered tactile surfaces, Google-blue action, and familiar component states.
Live module
material design surface logic with soft elevation, rounded controls, and accessible blue interaction.
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.