UNPKG

@amsterdam/design-system-css

Version:

Stylesheets for all components from the Amsterdam Design System and some general utilities. Use it to apply the visual design of the City of Amsterdam to your HTML elements or non-React components.

designsystem.amsterdam

Amsterdam/design-system

17 lines (10 loc) • 549 B
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<!-- @license CC0-1.0 --> # Avatar A circular badge representing a person. ## Design - The avatar contains 1 or 2 initial letters from the person’s full name, a picture, or a generic icon. ## Guidelines - Show an avatar for the user of the application, or to associate a person with a content item. - To personalize the Avatar, the user can be allowed to choose one of the [highlight colours](/docs/brand-design-tokens-colour--docs). The default is purple. The design system does not define a meaning to any of these background colours.