# Sign-in screens

Every flow and state from the Taifa sign-in design, running live in desktop and phone frames. Use it to see what a person sees at each step, and which logo motion and toast go with it.

## Read this first

These are design previews from the 13 October 2026 design export. They are not screenshots of the live sign-in UI.

Each flow is tagged:

- **Partly built**: the live UI already does the core of it, and the layout shown is the target.
- **Design only**: nothing like it is built yet.

Names, emails, phone numbers and amounts in the previews are made up.

## How to use the previews

1. Each flow plays its own walkthrough. Press **Pause** to stop on a state.
2. Click a step dot, or a step in the list, to jump to that state.
3. Switch **Light** or **Dark** at the top. It changes every preview.
4. If you reduce motion, nothing autoplays and every logo shows the still mark. You can still step through each flow.

_Live previews of each sign-in flow appear here on the web page._

## Motion used in sign-in

The logo moves only at key moments:

- **Rise** when a screen first appears.
- **Fingerprint** while waiting for a passkey.
- **Dial** or **Trace** while waiting for a phone or a check.
- **Denied** on an error.
- **Capture** or **Verified** on success.

See every state on [Logo motion](/docs/logo-motion), and every toast on [Toasts](/docs/toasts).