Material Design 3

This skill guides implementation of Google's Material Design 3 (MD3) — a personal, adaptive, expressive design system. MD3 uses dynamic color, tonal surfaces, rounded shapes, and spring-based motion to create UIs that feel alive and personal.

Philosophy

MD3 is built on three principles:

• Personal: Dynamic color adapts UI to the user's wallpaper or content. Theming is individual, not one-size-fits-all.
• Adaptive: Layouts transform across 5 window size classes. Components resize, reposition, and change form factor responsively.
• Expressive: Shape morphing, spring physics, and emphasized typography create moments of delight without sacrificing usability.

Key differences from MD2:

• Tonal surfaces replace elevation shadows as the primary depth cue
• Dynamic color generates full schemes from a single seed color
• Fully rounded corners by default (not slightly rounded)
• Spring-based motion physics replace fixed easing curves for components
• 3 levels of user-controlled contrast (standard/medium/high)