Still working.

The motion half of feedback — the bare spinner atom, determinate and indeterminate progress, a long-running task with continuous reassurance, and the inbox row. Shape and label lead; color only ever confirms.

Spinnersize xs–xl · tone

xs · 12 sm · 14 md · 16 lg · 20 xl · brand

The bare atom. Five sizes xs 12 · sm 14 · md 16 · lg 20 · xl 24; tones neutral · brand · success · warning · danger · info via --intent-*. Pulses under reduced-motion.

Progresssize · variant · indeterminate

default64%

success100%

danger88%

indet—

Radix meter. Sizes sm · md · lg; canonical tones default · success · danger (warning · info deprecated — color implies the value itself). indeterminate + showLabel supported.

Processing Statestate · progress · step

Confirming booking · Maya Chen

Reserving treatment slot · APT-7821

~ 6 sec remaining

35% · step 2 of 4Cancel

Long-running async with continuous reassurance. status · substep · durationEstimate; state active shows Cancel, nearly-done shows "Almost there…". Undefined progress goes indeterminate.

Notification RowisUnread · onMarkRead

New booking requestnow

HydraFacial · Maya Chen — 5/12, 2:00 PM

View booking

Appointment confirmed2h

Aesthetics consult · Tuesday 10:00

Inbox row. Unread reads through THREE signals — accent left-border, dot, semibold title — never color alone. Swipe-right fires onMarkRead; optional inline actionLabel.

Rotate your phone for a larger view. Tap the slide to open it full size and zoom.

8.5 × 11 · Portrait