Avatars
Images, fallbacks, presence, and grouped identities.
Avatar system
People, identity, and presence
Image avatars, initials, sizes, shapes, groups, statuses, badges, and interactive selection.
Avatar size scale
20px–72px
2XS · 20px
XS · 24px
SM · 32px
MD · 40px
LG · 48px
XL · 56px
2XL · 72pxImage avatars
Mapped project portraits retain consistent cropping and sizing.
Initial fallbacks
NVUXPMHRAI
Color-coded initials for users without profile images.
Icon fallbacks
Shape variants
Border and ring styles
Primary ringSuccess borderHighlightInactivePresence status
OnlineAwayBusyOfflineCounter badges
4PRORole badges
Editable avatar
Profile photo
JPG or PNG · 2 MB max
Avatar groups
StackedSMALL GROUP
+8LARGE GROUP
+12Avatar with content
Sofia GarciaOperations lead · Online
Alex MorganProduct designer · In a meeting
Priya ShahGrowth manager · Away
Profile card
Sofia Garcia
Operations lead · Barcelona
AvailableAdmin
Compact profile
Alex Morgan
alex@orzen.dev
DesignerActive
Team invitation
Invite collaborators
Add members to this workspace.