CogniSyncAvatar
Avatars visually represent users in CogniSync across documents, comments, and workflow actions. They help quickly identify collaborators and streamline team interactions.
Anatomy
Sizes and styles
The avatar ships in four styles — round and squircle, each with a photo and a text placeholder variant — across six sizes from 16 to 64 px.
| Variant | 16px | 24px | 32px | 40px | 48px | 64px |
|---|---|---|---|---|---|---|
| Round | ||||||
| Squircle | ||||||
| Placeholder | PB | PB | PB | PB | PB | PB |
| Placeholder squircle | PB | PB | PB | PB | PB | PB |
Composition
Avatar groups
Stack avatars when showing a small set of collaborators. Use the overflow chip when the group exceeds the visible count so the UI stays compact.
Round, size 32
APMCDR
Squircle, size 40
APMC
Collapsed group, size 32
APMC+9
Mixed shapes, size 48
APMCDR+4