Identity
Avatar
One fixed box for a person or entity: image, derived initials, or icon — never a shifting layout.Avatar at a glance
Avatar standardizes the compact identity representation that lists, profiles, comments, and navigation repeat.
- Passive by contractNo click, link, menu, upload, presence, or badge logic: wrap it with a real control when it acts.
- Deterministic fallbackImage, then initials from the name, then an icon — resolved the same way on the server and the client.
- Fixed geometryThe box reserves its size before loading, so success or failure never shifts the layout.
A quick look
A live component shows the default contract before the detailed specification.
Start with a name
A name alone produces bounded initials and the accessible label, with no image required.
Preserve intent
Size and shape are token-scale choices, not free-form numbers.