Avatar component

Avatar represents the user’s identity on the platform.

Location

An avatar should be located on the far right of the universal nav.

Style

Background color

When no pictures have been added, the background color of the avatar should be black with 3% opacity. 

Size & shape

Avatars are shown as 24x24px circles.

Border

Avatars should have a 20% visible black border.