Avatars
People & entity portraits — six sizes, two shapes, status dots, stacks & the initials-then-glyph fallback chain.
Scale
Sizes
20 → 96px, initials scale with the diameter.
ASASASASASAS
Form
Shapes & rings
Circle for people, squircle for orgs; ring & selected states.
LBBRMLMR
Resilience
Fallback chain
Portrait → colored initials → neutral user glyph.
PNInitials
Glyph
Presence
Status dots
Online, away, busy & offline, ringed to the surface.
ASOnline
HYAway
THBusy
JFOffline
Collections
Stacks & overflow
Overlapping rows with a +N overflow chip.
ASMRLBDO
PNHYML
In context
With name & role
The list-row pattern used across the app.
- ASAva SuttonOperations LeadOwner
- MRMarcus ReyesEngineering ManagerAdmin
- HYHana YılmazMarketing ManagerMember