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 Wizard · multi-step Signup · onboarding · long flows
Account
Plan
3
Payment
4
Confirm
Card number *
Expiration
CVC
Postal code
Step 3 of 4 — payment
L · 06 Sticky save bar · dirty state Long settings pages — bar appears when fields change
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 · click-to-edit row Profile fields · single-value rows · low-stakes updates
Username
kai
Display name
Email
kai@example.com
Member since
Aug 14, 2014 · 11 years
L · 08 Sign-in Centered card · 380 px · subtle elevation

Login

Username or email address
Password Forgot your password?
Don't have an account? Sign up
L · 09 Two-factor verification Authenticator-app code · 6-digit slot input

Two-factor authentication

Authentication code
3
9
2
–
4
7
Open your authenticator app and enter the 6-digit code.
Lost access to your app? Use a recovery code
L · 10 Sign-in · error Field-level error · aria-invalid + inline callout

Welcome back

Username or email address
Password Forgot your password?
Don't have an account? Sign up
L · 11 Two-factor · error Whole OTP turns red · form-level callout

Two-factor authentication

Authentication code
8
1
0
–
5
0
6
Lost access to your app? Use a recovery code
L · 12 Verification sent · success After-action confirmation · magic-link / email-verify

Check your inbox

We sent a sign-in link to kai@example.com. Open it on this device to continue — the link is good for 15 minutes.

Wrong address? Go back
L · 13 Sign-up New account · email + username + terms

Create your account

Free 7-day trial. No card required.

Email
Username Lowercase letters, numbers, and dashes. 3–20 characters.
By signing up you agree to our Terms and Privacy Policy.
Already have an account? Log in
L · 14 Forgot password Single-field request · sends a reset email

Reset your password

Enter the email on your account — we'll send you a link to set a new password.

Email
Remembered it? Back to login
L · 15 Set new password After reset link · strength meter inline

Set a new password

For kai@example.com. You'll be signed in after.

New password
Strength: Good 11 chars
Confirm new password
L · 16 In-flight · verifying Spinner + label change · inputs stay visible

Two-factor authentication

Authentication code
3
9
2
–
4
7
1
Wrong account? Sign out
Layout rules. L · 01 settings = explanation on the left, controls on the right, max 420 px wide controls so they don't fight for space. L · 02 modals stack tightly — labels above fields, primary CTA bottom-right. L · 03 two-column grids for personal info; collapse to single column at < 560 px. L · 04 the composer is a one-row exception — paste-and-go, no labels. L · 05 wizards split long flows into 3–5 steps; the current step gets brand-yellow, completed steps get a green check. L · 06 sticky bar only appears once the form is dirty; the top-edge yellow line is the visual cue, never a banner above. L · 07 inline edit keeps display rows quiet — pencil reveals on hover. L · 08 auth lives in a centered card on a tinted backdrop — same shape as Resend, Linear, Craft. Card has a 1 px line, --radius-lg, --shadow-md; backdrop is a soft yellow radial fading into --bg-secondary. L · 09 2FA uses 6 individual digit slots with a – separator between halves. L · 10/11 error states use aria-invalid="true" on the offending input and a .form-callout[data-state="error"] inline below — same DOM contract React state can bind to. OTP error flips the WHOLE strip red (not one slot) since the code as a whole is wrong. L · 12 success/confirmation uses the brand-yellow envelope mark, soft body copy, primary + secondary stacked actions.