Login · Mockup round 3 · design sweep, phase 1
Silver Oak Properties

Channels Manager


Restricted to authorised Silver Oak Properties staff.

Every state this screen can be in

Review scaffolding, not screen furniture. In the product only one of these is on screen at a time, and the state comes from the sign-in attempt.

Partial, password focused

Email typed, password empty. Shows the 2px focus ring at 2px offset.

Silver Oak Properties

Channels Manager


Restricted to authorised Silver Oak Properties staff.

Signing in

The whole form is the loading unit, so it disables rather than skeletons. Password shown, so the reveal toggle is on.

Silver Oak Properties

Channels Manager


Restricted to authorised Silver Oak Properties staff.

Email or password wrong

Both fields are marked wrong, and the message names the cause and the way out.

Silver Oak Properties

Channels Manager


Restricted to authorised Silver Oak Properties staff.

Too many attempts

Five failed tries on one email in fifteen minutes. A lockout, not a wrong password, so it reads as a caution and the fields stay unmarked.

Silver Oak Properties

Channels Manager


Restricted to authorised Silver Oak Properties staff.

Server unreachable

Offline, or the API did not answer. Nothing was submitted, so the same button retries.

Silver Oak Properties

Channels Manager


Restricted to authorised Silver Oak Properties staff.

Signed in
Not a rendered state. The route changes to Home the moment the token lands, so "Signing in…" is the last thing this screen shows.
Empty
The default screen above is the empty state. There is no data to be missing.
Loading
Nothing is fetched to draw this screen, so there is no skeleton. "Signing in…" covers the only wait.