Verification

Design a verification flow for a single action or account step. Pick one clear use case: email code, SMS code, authenticator app, passkey, captcha, or biometric check. The screen should make the request explicit, show the destination or reason for verification, and keep the primary action obvious.

Include the full path, not just the form. Show the initial prompt, code entry or challenge state, resend or alternate method options, and what happens when the code is wrong, expired, or the user needs a new method. Keep entered context visible after errors so the user does not start over.

Finish the flow with a success state that hands off to the next task or screen. If the verification fails, show a recovery path that is faster than redoing the whole step. Keep the UI spare, readable, and focused on one decision at a time.

Leverage animation subtly to guide focus and signify progress, turning a mandatory step into a more positive interaction.