Colors · Status · v2.0 · Animated
Six states. Pure neon.
Every call moves through this same six-token palette. Pure RGB primaries everywhere we can — only queued lifts off pure-blue to stay readable on void.
6 status tokens · WCAG-tuned
animated · each state has its own motion
--color-status-*
01The six states · live motion
each card carries its state's signature animation
WAITING
--color-status-waiting
#00FFFF
HSL 180° · 100% · 50%Pure cyan (G+B)
CONNECTED
--color-status-connected
#0BFF01
HSL 120° · 100% · 50%Pure green (G)
RINGING
--color-status-ringing
#FDFE02
HSL 60° · 99% · 50%Pure yellow (R+G)
QUEUED
--color-status-queued
#4A64FF
HSL 230° · 100% · 64%Lifted blue (WCAG fix)
VOICEMAIL
--color-status-voicemail
#FE00F6
HSL 302° · 100% · 50%Hot magenta (R+B)
ENDED
--color-status-ended
#FE0000
HSL 0° · 100% · 50%Pure red (R)
02Token table · the canonical reference
copy-paste safe
Token
Hex
HSL
Family
--color-status-waiting
#00ffff
180° 100% 50%
Pure cyan (G+B)
--color-status-connected
#0bff01
120° 100% 50%
Pure green (G)
--color-status-ringing
#fdfe02
60° 99% 50%
Pure yellow (R+G)
--color-status-queued
#4a64ff
230° 100% 64%
Lifted blue (WCAG fix)
--color-status-voicemail
#fe00f6
302° 100% 50%
Hot magenta (R+B)
--color-status-ended
#fe0000
0° 100% 50%
Pure red (R)
03In context · call rows
the same six tokens, lit on real surfaces
PR
Priya Rao
WAITING · carrier handoff · 0:04
MR
Marcus Reyes
CONNECTED · 12:48
DA
Diego Alvarez
RINGING · attempt 3/3
SP
Sasha Park
QUEUED · position 4
JN
Jordan Nakamura
VOICEMAIL · 38s · unheard
LO
Liam O'Connor
ENDED · disposition not-interested
04Motion · per-state
each state has its own behaviour
WAITINGslow pulse2.2s · ease
CONNECTEDheartbeat1.4s · double-tap
RINGINGexpanding ring1.0s · loop
QUEUEDprogress sweep2.2s · linear
VOICEMAILsoft pulse1.6s · ease
ENDEDstatic · no motionend of life