Components
Avatar
User photo with initials fallback, status badge, and group stacking
Avatar
Text Size
Image
Initials
Icon
Neutral
Brand
Error
Warning
Success
Info
Avatar group
Size
Count
Pairing with text
Jane Doe
jane@daybridge.com
Jane Doe
jane@daybridge.com
Jane Doe
jane@daybridge.com
Semantic colors
| Light | Dark | |||||||
|---|---|---|---|---|---|---|---|---|
| Shade | Alpha | ×C | Shade | Alpha | ×C | |||
| Core | ||||||||
| primary | 7 | 1 | 1 | 7 | 1 | 1 | ||
| Indicator | ||||||||
| indicator | 8 | 1 | 1 | 9 | 1 | 1 | ||
| on-indicator | white | 1 | 1 | white | 1 | 1 | ||
| indicator-highlight | 12 | 0.1 | 1 | 6 | 0.3 | 1 | ||
| indicator-track | 8 | 0.1 | 1 | 8 | 0.15 | 1 | ||