Voice / Interaction States
Audio states need clear visual feedback. Each state has a distinct animation pattern to communicate without text.
idle
Static dot, gray
listening
Pulse ring, violet
thinking
Bouncing dots, gray
speaking
Wave bars, violet
Need a design system like this?
I design and build products end‑to‑end — from first idea and design system to production‑ready code, ready to hand off to your development team.
Product Designer | AI Design Engineer | Designer for Startups | Mobile & Complex SaaS | from Idea to Product | Framer Developer