Decision
Style non-interactive labels with typographic hierarchy alone (color, weight, and case), and drop the chip chrome. Reserve backgrounds, borders, and rounded boxes for genuinely interactive controls.
Alternatives Considered
Keep the chip/pill styling for every tag and badge
| đź‘Ť Pros | đź‘Ž Cons |
|---|---|
| Familiar and visually tidy Each label is clearly delimited |
Reads as a button, the interactivity is unknowable until clicked Creates hesitation, especially for users with button anxiety Blurs the line with the real controls sitting beside it |
Make the labels genuinely interactive (filterable chips)
| đź‘Ť Pros | đź‘Ž Cons |
|---|---|
| Resolves the ambiguity by making the affordance real | Adds routing and scope the content does not need Not every label has a meaningful destination Turns every tag into upkeep: state, focus, and a target to maintain |
Reasoning
If everything is a box, nothing signals interactivity. Stripping the chrome from labels keeps the real controls (links and buttons) visually distinct, and a single text-based primitive keeps tags, type labels, and status consistent across the site. Color-coded labels always carry their own text, so meaning never rests on color alone.
Why it mattered
A label and a button that look identical force the user to guess, the “Schrödinger’s button” problem: its state is unknowable until you interact with it. Removing the chip chrome resolves the guess by letting only interactive elements carry interactive affordances.
All decisions