Components

Avatar

User avatars (image, initials, assistant spark), overlapping AvatarStack with a surplus chip, LogoTile icon / logo tiles and the profile-photo button.

Avatar

xs 20 · sm 24 · md 32 · lg 40 (compact 16 / 20 / 28 / 36). No ring; fallback initials on fill-control.

Image

InitialsFirst and last word; one letter at xs.

Variants

AvatarStack

Overlap = 25% of the avatar, 2px page-colour cut-out, first avatar on top, surplus chip with a tooltip of hidden names.

Sizes, max 3 of 7

Presence (assistant + user)

+12

Profile photo button

Hover, focus or an open menu dims the image to 40% and shows a pencil (60ms).

With a menu

LogoTile

Logo 24 / logo-plain 48Images fade in over 500ms.

Tinted 20 (menu icons)

Brand and status