Badge
A word or two in the label voice, led by a small square node.
On the site In the system, not on the site yet Draft
Variants
- Case study
Default
sh-badge
- Draft
Muted
sh-badge--muted
- Medium ↗
Open
sh-badge--open
- Now
Current
sh-badge--current
In the system, not on the site: the one filled badge, a state.
Anatomy
| Text | the label voice: Basier Square Medium, 11/16, uppercase, 0.08em |
|---|---|
| Node | a 6px square, half a module before the label |
| Default | in --ink, a filled node |
| Muted | in --muted-foreground |
| Open | an outlined node: the writing index’s mark for something that isn’t here |
| Current | the one filled badge, --state with --state-fg (in the system, not on the site) |
Decisions
-
Chips retired
A chip was a frame round a label. Frames off: a platform or status is a label, led by a node if it needs one.
-
No outline
There is no outlined badge: a ghost chip round a label turns it into an object.