docbrown/app/javascript/crayons/avatarsAndLogos/avatars-and-logos.mdx
ludwiczakpawel 086a53ba93
Storybook updates (#15848)
* updates

* updating doc

* Fixed broken documentation in Storybook stories.

* bring back a element

* md --> mdx

* c-* doc update

Co-authored-by: Nick Taylor <nick@dev.to>
2022-01-14 11:06:23 +01:00

19 lines
614 B
Text

## Avatars & Logos
An image representing a user is called an avatar. An image representing a
company or organization is called a logo.
To make a distinction between these two different entities we should keep them
visually different. For Avatars, we gonna use circle shape. And for Logos we
gonna use square shape. This will help recognize what is what in a heartbeat.
Each of these will be available in 5 different sizes (use your best judgment in
picking right size):
- Default: 24px
- L(arge): 32px
- XL(arge): 48px
- 2XL(arge): 64px
- 3XL(arge): 128px
Remember to use descriptive alt=&quot;&quot; values!