Avatar
A person’s mark, struck like a coin: initials stamped into the field, or a photo set under the rim, with a status lamp mounted at five o’clock. Stacks into a group with a count.
Kit parts
Profile card
A person’s ID plate: their coin set in a countersunk socket, name and role, a rating plate of facts engraved in tabular figures, and one key to act. Compact for one line.
Seats open in 11 days. Want one email that morning?
Anatomy
No script. The plate is a second recess. A container query moves the coin above the name when the card is narrow.
Variants
- Full · the card is the panel
- Compact · one line
- Initials, offline
States
- Rest
- Key hover
- Key down
- Key focus
Props and options
| Name | Kind | Description |
|---|---|---|
| aria-labelledby | attribute | Names the article by the person’s name, so a list of cards reads as a list of people. |
| dd small | element | The unit, half-weight beside the value. |
Usage notes
The coin sits in a socket cut into the plate; the facts are engraved into a second recess. Invite latches.
Accessibility
- The facts are a description list.
- The coin names itself and its status (“Ada Okafor, online”); the status line under the role says it in words as well.
