Table of contents / Vol. 01
05 / Expression study

A face with a few things to say.

Switch between five expression poses. This is a CSS interaction study for exploring a state vocabulary, ready to inform a future animation brief.

CSS CONCEPT / CURRENT STATE: idle

Illustrative HTML/CSS model. These controls change static expression poses; this is not a Rive file or a hardware integration.

One state at a time

Idle is the resting pose. Listening opens the eyes, thinking changes their balance, and speaking opens the mouth. Happy is a short-form emotional pose. These are deliberately simple visual cues; test whether your actual users interpret them as intended.

From study to device

A production face needs transition rules, interruption behavior and validation on the actual display. This demo does not access audio, connect to a robot or load a .riv file. For a small screen, review eye separation and expression clarity at the intended viewing distance.

Explore robot face animation