Tier 1Tier 1 · Web (www / app / auth). A real app.put.io screen composed from the components.css recipes. Binds web only.--radius-lg · --shadow-md · --red-text-secondary · --text-secondary

Auth screen

The auth.put.io sign-in surface: retro logo mark, one elevated card, username + password with a reveal toggle, and a full-width primary CTA. Error copy sits under the password field, never as a banner.

default

Sign in

Your files are where you left them.

Username or email

Password Forgot your password?

New to put.io?Sign up

error

Sign in

Your files are where you left them.

Username or email

Password Forgot your password?

That username or password doesn't look right

New to put.io?Sign up

Card

card-lg · --shadow-md

Width

340px column

CTA

btn-primary btn-block

Error

--red-text-secondary, inline