Material 3 Expressive introduces three tiers of expression: foundational,
excellent and transformational.

Use these tiers to gauge the level of expression being achieved. Target the
excellent or transformative level for your app to achieve optimal expression.

|   | Foundational (Required in 2024) | Excellent (Required) | Transformative (Recommended) |
|---|---|---|---|
| **Components** | Baseline component migration | Multiple expressive components | Multiple expressive components and customization |
| **Color** | Baseline palette | Dynamic palette themes | Dynamic palette themes and/or unexpected color combinations |
| **Typography** | Roboto Flex | Roboto Flex | Roboto Flex with morphing |
| **Shape** | - | Some use of shape library and containment | Use of shape library and expressive containment |
| **Motion** | Motion tokens | Motion tokens with some use of expressive motion (shape morphing and spring animations) | Motion tokens with some use of expressive motion (shape morphing and spring animations) |
| **Hero moments** | - | Product specific expressive design moments | Product specific expressive design moments and dramatic hierarchy and customization |
| **Adaptive** | Apply responsive behavior to layouts and components (use percentage margins) | Apply responsive and adaptive behavior to layouts and components (use percentage margins), add value after the breakpoint (225dp) | Apply responsive and adaptive behavior to layouts and components (use percentage margins), add value after the breakpoint (225dp), and supply large screen specific designs where possible |