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 · --radius-md · --radius-sm · --dur-fast
L · 05 Wizard · multi-step proposed app.put.io has no wizard; payment is a hosted checkout
Account
Plan
3
Payment
4
Confirm
Card number *
Expiration
CVC
Postal code
Step 3 of 4, payment
L · 06 Sticky save bar · dirty state proposed app.put.io settings save per row, with a row indicator
Display name
Shown to friends and on shared links.
Bio
Up to 280 characters.
Public profile
Lets put.io users find you via username.
Unsaved changes · 2 fields
L · 07 Inline edit · rename File name in the file header; the only inline edit app.put.io ships
Resting
ubuntu-24.04.1-desktop-amd64.iso
Editing · Enter to save, Esc to cancel
Layout rules.
L · 05 wizards split long flows into 3 to 5 steps. The current step gets the yellow marker
L · 06 the sticky bar appears only once the form is dirty, and never covers the last field
L · 07 rename saves on Enter or the check and cancels on Esc or the x; a failed rename restores the name and toasts. app.put.io draws these icons from its flaticon font