# Material 3 Expressive

Explore the same project workspace.

ID: material-3-expressive
Language: en
Revision: 1
Translation source revision: 1
Canonical: https://jujin.dev/en/catalog/material-3-expressive/

## Concept

Material 3 Expressive directs attention with color, shape, size, and motion. This authored study uses large task controls and varied curves.

## Example

All eleven styles share a workspace: overview, three tasks, progress, and two resource notes. Follow the menu, check a task, filter Open or Done, and expand a note. Completion becomes 1 / 3 and 33%; unmatched filters show an empty message. Reset or reload restores All, three unchecked tasks, 0%, and closed notes. Completion briefly pulses the progress shape; reduced motion removes animation.

## When to choose it

Choose it when key actions need clear visual emphasis. Expressive shapes must preserve familiar labels and reading order.

[Google Design](https://design.google/library/expressive-material-design-google-research)