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.

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.