Avatars

Rule for initials

Employees, hosts and users: 3 letters

Initials are created with the first letter of the firstname, and the 2 first letters of the last name.

Example: Ellie-May Rollins ➡️ ERO.

Visitors and others: 2 letters

Other persona like visitors are displayed with 2 initials made of their name.

Example: Ellie-May Rollins ➡️ ER.

Size variants

MKW

MKW

MKW

AV

.c-avatar .c-avatar--2xs

MKW

MKW

MKW

AV

.c-avatar .c-avatar--xs

MKW

MKW

MKW

AV

.c-avatar .c-avatar--s

MKW

MKW

MKW

AV

.c-avatar .c-avatar--l

Rendering

With an image

This rendering use the object-fit property and is not compatible with IE11.

MKW

With a background image

This rendering is not compatible with IE11.

Without image

Simply omit the image block to display the initials.