Design System
Components and styles of the Anirum project
Avatar
User profile image. 5 sizes, colored fallbacks, verified badge, group.
Sizes
Jxs 24px
Jsm 32px
Jmd 48px
Jlg 64px
Jxl 120px
With Image
CCC
Colored Fallbacks
10 colors, auto-assigned by name hash.
AAlice
BBob
CCarol
DDave
EEve
FFrank
GGrace
HHank
IIvy
JJack
KKate
LLeo
Outline
White ring for use on colored backgrounds or in groups.
ACB
Verified Badge
Csm
Cmd
Clg
Cxl
AvatarGroup
Max 3 displayed. Overflow shows +N count.
2 avatars
AB
3 avatars
ABC
5 avatars (overflow)
AB
+3
Small size
AB
+2