Material 3 Expressive is the latest design system for our smallest
screen: the watch. Optimized for the round form factor, it brings a design
update which emphasizes premium and a greater level of expression. Design and
build beautiful and expressive watch apps with Material 3 Expressive.

## Expressive design principles

Expressive design elevates each UI layer with thoughtful shape, animation,
color, and typography treatments.

### Embrace round


Material 3 Expressive introduces a shape framework designed for round
screens. It uses the entire canvas to optimize glanceability and visual
balance.  
!["The check button at the bottom has a curved bottom
edge"](https://developer.android.com/static/wear/images/design/principle-embrace-round.png)

<br />

### Premium motion and springs


Material 3 Expressive updates make navigation feel natural, premium, and
consistent across all transitions. Motion now spatially connects surfaces.
They respond more accurately to user gestures, making navigation more
intuitive.  

<br />

### Shape morphing


Material 3 Expressive introduces a shape morphing framework for lists and
select buttons, optimized for a more premium feel. Lists feature smooth
scrolling on a round form factor.  

<br />

### Rich color


The color system expands to adopt the deeper tonal palettes and wider
token set included with Material 3 Expressive. The addition of a third
accent color, along with more token variants and more specific color roles,
brings both depth and variety to the design system.  
!["The third accent color lets a stop button in a stopwatch app appear in red,
even though the app already has blue and pink as accent
colors"](https://developer.android.com/static/wear/images/design/principle-rich-color.png)

<br />

### Variable fonts


Material 3 Expressive replaces all instances of Roboto with Roboto Flex.
A baseline type scale is tailored and optimized for the watch's rounded screen.  

<br />