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.--bg-secondary · --line · --dur-reveal · --red-border
L · 09 Two-factor verification Six slots across the column · mono digits

Two-factor authentication

Use a recovery code

Wrong account? Sign out

Terms of Service Privacy Policy Help
L · 11 Two-factor · error Every slot turns red · the message eases in above Verify

Two-factor authentication

Use a recovery code

Wrong account? Sign out

Terms of Service Privacy Policy Help
L · 12 Two-factor · success Verified code · CTA reads Verified · automatic continuation

Two-factor authentication

Verified
Use a recovery code

Wrong account? Sign out

Terms of Service Privacy Policy Help
Layout rules.
L · 09 six slots in two groups of three stretch the 340px column; the label names the source, so no hint line
L · 11 a failed code flips every slot red, border and text only; one message eases in above Verify and closes on the next edit
L · 12 success keeps the verified code visible and flips the CTA to Verified while auth.put.io redirects. A visually hidden status region announces it
Recovery Use a recovery code swaps the slots for one Recovery code field, xxxx-xxxx