15.18Component
Avatar.
Identity surface for a person, store, or workspace. Always carry initials as the fallback; never ship a blank gray circle.
Sizes
EH24
EH32
EH40
EH48
With image fallback to initials
EH
Elena HartAdmin · Allure Co.
AvatarStack
EHMOAS
3 teammates activeEHMOAS+2
5 teammates total- radius
- rounded-full
- sizes
- size-6 / 8 / 10 / 12 (24 / 32 / 40 / 48 px)
- fallback
- initials in font-display medium, OKLCH-tinted bg
- stack
- negative space (-space-x-1.5) · ring-2 ring-card · overflow chip
- color seeding
- use OKLCH hue per name; never random RGB