Jan 24, 2022

Design System

Launched Improved Avatars

Avatars are meant to provide a consistent representation of people, companies, actions, and other entities within our applications.

What's New

  • Avatar Types We now support consistent avatar shapes and styling for different types of information, like companies. Each also includes the necessary accessibility considerations to be read or ignored by screen readers.

  • Fallbacks If we can't find an image to display we will show initials instead.

  • Pips User avatars now support a pip to denote which company a user is apart of.

Avatars are meant to provide a consistent representation of people, companies, actions, and other entities within our applications.

What's New

  • Avatar Types We now support consistent avatar shapes and styling for different types of information, like companies. Each also includes the necessary accessibility considerations to be read or ignored by screen readers.

  • Fallbacks If we can't find an image to display we will show initials instead.

  • Pips User avatars now support a pip to denote which company a user is apart of.

Avatars are meant to provide a consistent representation of people, companies, actions, and other entities within our applications.

What's New

  • Avatar Types We now support consistent avatar shapes and styling for different types of information, like companies. Each also includes the necessary accessibility considerations to be read or ignored by screen readers.

  • Fallbacks If we can't find an image to display we will show initials instead.

  • Pips User avatars now support a pip to denote which company a user is apart of.

Avatars are meant to provide a consistent representation of people, companies, actions, and other entities within our applications.

What's New

  • Avatar Types We now support consistent avatar shapes and styling for different types of information, like companies. Each also includes the necessary accessibility considerations to be read or ignored by screen readers.

  • Fallbacks If we can't find an image to display we will show initials instead.

  • Pips User avatars now support a pip to denote which company a user is apart of.

Built in Framer

Colors by Tailwind

Icons by Phosphor

Type set in Nuckle

Built in Framer

Colors by Tailwind

Icons by Phosphor

Type set in Nuckle

Built in Framer

Colors by Tailwind

Icons by Phosphor

Type set in Nuckle