User icons
User icons are used to visually identify users in the system.
Usage
Use a user icon to identify a user inside a context. User icons in Lexicon are always displayed inside a circle.
Size
| Size | Usage |
|---|---|
| Extra small | 22px. Use it in timelines and cards as identifier. Use it when you need to include many users. |
| Small | 30px. Use it in timelines and cards as identifier. |
| Default | 32px. The most common usage. |
| Large | 45px. Use it in user centered contexts as user cards. |
| Extra large | 64px. Use it in user centered contexts as user cards. |
| Extra estra large | 128px. Use it in user centered contexts as user cards. |
Types
User icon with image
User images help to personalize the interface. In case you have your user image and can make use of it, use this type of user icon.
User icon with text
Sometimes you won’t have the user image or won’t be allowed to use it. In those cases use this pattern. The text must be always in capital letters and a maximum of 2 letters. Use first letter from Name and Surname (NS).
Menu