Avatar
Avatars are used to represent users or entities in a system.
- Can use an image, name, or icon to represent a user or entity
- Can use any cerberus gradient color
- Images should be square and are the highest priority
- Names should be used when images and are not available
- Icons should be used when images or nanes are not available
Example
xs
sm
md
lg
xl
2x
3x
4x
Resources
| Name | Resource | Status |
|---|---|---|
| Figma | Design Kit (Figma) | Private |
- Can use an image, name, or icon to represent a user or entity
- Can use any cerberus gradient color
- Images should be square and are the highest priority
- Names should be used when images and are not available
- Icons should be used when images or nanes are not available
Example
xs
sm
md
lg
xl
2x
3x
4x
Resources
| Name | Resource | Status |
|---|---|---|
| Figma | Design Kit (Figma) | Private |
- Can use an image, name, or icon to represent a user or entity
- Can use any cerberus gradient color
- Images should be square and are the highest priority
- Names should be used when images and are not available
- Icons should be used when images or nanes are not available
Example
xs
sm
md
lg
xl
2x
3x
4x
Resources
| Name | Resource | Status |
|---|---|---|
| Figma | Design Kit (Figma) | Private |
- Can use an image, name, or icon to represent a user or entity
- Can use any cerberus gradient color
- Images should be square and are the highest priority
- Names should be used when images and are not available
- Icons should be used when images or nanes are not available
Example
xs
sm
md
lg
xl
2x
3x
4x
Resources
| Name | Resource | Status |
|---|---|---|
| Figma | Design Kit (Figma) | Private |