Design quality tiers

Material 3 Expressive leans into shape language in a much more expansive and meaningful way by utilizing flexible container shapes to apply rounding and sharpening of corner radii to support shape morphing lists and button states. The design system also introduces edge-hugging buttons as an ownable and iconic design pattern for round devices on Wear OS.

Our quality guidelines are organized into three tiers. Enable the best possible experience for your users by meeting guidelines in all three tiers.

Ready for all screen sizes

Ensure your app is delivering a quality experience across all screen sizes. Create layouts that fully use the available app space.

Responsive and optimized

Deliver more content to users on devices which allow for it, and utilize responsive layouts that automatically adapt to different screen sizes.

Adaptive and differentiated

Make the most of additional real estate by utilizing breakpoints to offer powerful new experiences on larger screens which are not possible on devices with smaller screens.