Hatch

Hatch animation states.

Every Hatch animation state used across coaching, feedback, and practice surfaces, shown at three sizes.

States at a glance.

Static

No animation. Reduced motion or static contexts.

state="avatar"

Idle / Standby

Gentle floating. Nav, badges, passive presence.

state="idle"

Listening

Ears pulse, eyes widen. User is typing.

state="listening"

Reviewing

Eyes scan, smile concentrates. Processing answer.

state="reviewing"

Speaking

Mouth moves, head pulses. Delivering feedback.

state="speaking"

Celebrating