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 · 08 Sign-in Centered card · max 340 px · subtle elevation

Sign in

Your files are where you left them.

Forgot your password?
New to put.io?Sign up
L · 10 Sign-in · error Field-level error · aria-invalid + inline callout

Sign in

Your files are where you left them.

Forgot your password?
New to put.io?Sign up
L · 12 Verification sent · success After-action confirmation · magic-link / email-verify

Check your inbox

We sent a sign-in link to the email address on your account. Open it on this device to continue. The link is good for 15 minutes.

Wrong address?Go back
Layout rules.
L · 08 auth lives in a centered card on a tinted backdrop, single column
L · 10 error states set aria-invalid="true" on the field and add an inline callout
L · 12 success uses the brand-yellow envelope mark, so the confirmation reads as ours