Avatars
Profile images, fallbacks, presence signals and team grouping patterns.
Image avatars
Portrait images with fallback initials at five responsive sizes.
XS
SM
MD
LG
XL
Presence status
Online, away, busy and offline markers remain clear at a glance.
Sophie TurnerOnline
Liam WalkerAway
Noah BennettBusy
Emma BrooksOffline
Fallback initials
A reliable visual identity when an image is unavailable.
User fallback
Initials
Initials
Initials
Avatar groups
Stacked collaborators with a clear overflow count.
+3
4 visible collaborators, 3 more members
In context
Compact identity rows for members, owners and reviewers.
Sophie TurnerProduct DesignerOnline
Liam WalkerFrontend EngineerIn a meeting
Noah BennettQA EngineerReviewing a pull request
Avatar actions
Interactive profile affordances with a user image and accessible button.
Sophie Turner
Product Designer Available