Avatars are how we visually represent our users.
The leaf is used when the avatar will represent a user working within Sprout.
The circle is used when the avatar will represent a user on social.
Sizes of avatars vary widely across the app. However, here are some known sizes and their usage.
|Commonly used as the avatar size in the compact . However, is seen across multiple densities.|
|Commonly used in small .|
|The default size, used in the large density.|
We encourage users to display authenticity by using an image for their avatar, however in cases where the user does not provide an image we default to colors. While color overrides remain, it is strongly recommended that consumers utilize
variant props accessible color palettes.