Tier 1Tier 1 · Web (www / app / auth). The full design system: our component library and the components.css recipe. This is the one tier where the recipe is the contract, native tiers take the tokens and nothing else.--yellow-solid · --green-solid · --red-text-secondary · --yellow-component-bg-hover
Status pills, transfer & share lifecycle
The only badges put.io renders. They describe what the system is doing, not what the file contains.

Queued Downloading Completed Seeding Failed
Filter chips, user-applied facets
Chips filter by attributes we actually know: folder, date added, size, owner. Never by inferred type.

Added last 7 days > 1 GB Shared with me + Add filter
User tags, manual, optional
Tags are whatever the user writes. We don't assign them.

Yellow variant is reserved for a single starred/pinned state.
keep to-watch work pinned
Never do this
No quality / codec / source badges. put.io is content-agnostic, we don't parse 1080p, HEVC, WEB-DL out of filenames. The filename itself is the label.
No "Watched" / "New" pills on files. We don't track play state for badging purposes. Transfer-lifecycle pills only.
No genre, rating, or duration badges. We have none of that metadata. If we ever do, it belongs in a detail panel, not as a list-row badge.