Tier 1Web (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 · --red-solid · --green-solid · --red-border
Transfer states, progress as a row fill
The row background fills left to right with percent_done. Details sit in one caption line split by |. Completed rows lose the checkbox for a green dot that turns into a red x (Remove) on hover. app.put.io uses flaticon icons; names show middle-truncated (50 + 10 chars), with dots kept.