Avatars

People & entity portraits — six sizes, two shapes, status dots, stacks & the initials-then-glyph fallback chain.

Team
Scale

Sizes

20 → 96px, initials scale with the diameter.

AS AS AS AS AS AS
Form

Shapes & rings

Circle for people, squircle for orgs; ring & selected states.

LB BR ML MR
Resilience

Fallback chain

Portrait → colored initials → neutral user glyph.

Portrait
PN Initials
Glyph
Presence

Status dots

Online, away, busy & offline, ringed to the surface.

AS Online
HY Away
TH Busy
JF Offline
Collections

Stacks & overflow

Overlapping rows with a +N overflow chip.

AS MR LB DO
PN HY ML
In context

With name & role

The list-row pattern used across the app.

  • AS Ava Sutton Operations Lead Owner
  • MR Marcus Reyes Engineering Manager Admin
  • HY Hana Yılmaz Marketing Manager Member