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 · --radius-md · --radius-sm · --dur-fast
L · 01 Settings row · label-left Settings pages · profile · account preferences
Default download folder
Where new transfers land before you sort them.
Auto-convert to MP4
Converts on completion. Costs 1 credit per file; transcoded files stay on put.io.
Seeding ratio target
Stop seeding once this share ratio is reached. ∞ means seed forever.
1.50×
Pushover key
Get a push notification when a transfer completes. Find your key at pushover.net.
Leave blank to disable.
L · 02 Modal · stacked form Quick action, narrow column
New transfer
Source * Magnet, .torrent URL, or any supported download link.
Save to
After completion
Keep on put.io
Stream or download later
Push to my device
Sync via the desktop app
L · 03 Two-column grid Account / billing, dense info
First name
Last name
Email *
Country
Time zone
L · 04 Inline composer · one-row action Top of a list view · quick-add
/Movies/Unsorted
Press N to focus from anywhere Paste shortcut: ⌘ + V Up to 8 sources at once, comma-separated
L · 05 Form callouts · block and inline states Form-level notices · field feedback
Block callouts
We’ll email you when the transfer finishes.
Your settings have been saved.
That folder is no longer available.
Inline callouts
Use the email address linked to your account.
This email address is available.
Enter a valid email address.
Layout rules.
L · 01 settings = explanation on the left, controls on the right
L · 02 modals stack tightly, labels above fields, primary CTA bottom-right
L · 03 two-column grids for personal info, collapsing to one column under 640px
L · 04 the composer is a one-row exception, paste-and-go, no labels
L · 05 block callouts carry form-level status; inline callouts keep the tone without chrome