# Logo motion

Twenty-eight states of the Taifa Identity mark for intro, verification, sign-in, security feedback and hover. Each one is a self-contained animated SVG.

## How to use the gallery

1. Click a state to show it large, in light and dark, with what it is for.
2. Use **Replay** to start it again, or the side buttons to move to the next state.
3. Download the SVG for light or dark backgrounds, or copy it.
4. Choose **Play on hover** to keep the grid still until you point at a state.

States off screen pause on their own. **Pause all** freezes every state in place.

_All 28 logo motion states appear here on the web page._

## Rules for using motion

- Use one moving mark per screen at a time.
- Match the state to the moment: Trace for work in progress, Verified for success, Denied for failure.
- Respect reduced motion. Show **Static** instead. These docs do this for you when you reduce motion.
- Do not use motion to say something the text does not also say.