All studies

Interaction

Team picker

A pill that answers who is on it: pick people from the list and their monograms land in the pill, which grows to hold the stack.

66 / 74

Where it earns its place

Assigning reviewers, owners or approvers in client portals and product dashboards, where the answer should be visible without opening anything.

What we changed

  • Recast as the client-side approvers for a Northstar Cloud homepage brief, shown as monograms instead of stock portraits.
  • Kept the pill as a readout with no count badge, a width computed from the count instead of a measured layout animation, and faces that drop in with a turn.
  • Kept the list unfolding from the pill's corner from three-quarter scale, rows dealt out 40ms apart, and a tick that arrives in an always-drawn box.
  • Added arrow-key movement through the list, Escape back to the pill and an aria-label that names who is assigned; reduced motion fades without movement.
  • Dropped the grid stacking mode and the corner and overlap knobs.