# Material 3 Expressive

Explore the same project workspace.

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

## Why: the goal or problem

Important actions look too similar to secondary details. You need stronger emphasis while keeping labels and reading order understandable.

## How: work toward a solution

Use the workspace’s three tasks and two notes. Mark one task: progress becomes 1 / 3 and 33%. Filter tasks or open notes; reset restores the initial state. Completion briefly pulses the progress shape; reduced motion removes animation.

## What: the concept

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

Expressive shapes must preserve familiar labels and reading order.

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