Relay
/ Auth / Session Transitions ← Prototype index
Auth · Design System v3.4

Session transitions

The interstitial and fallback states between app.relayctx.com and the auth origin — the screens a user sees while being handed off, signed out, or when the app fails to boot. Quiet, precise, and unmistakably Relay.

Why this exists. Logging out used to bounce the user straight back into the app: doLogout() reloaded in place, and a silent token refresh re-hydrated the still-valid shared session. It also flashed white between the cross-origin redirect hops. Now logout routes through the /logout teardown and every hop is covered by a branded interstitial.

What changed for brand. Per v3.4, light is the primary experience, so these default to a clean white canvas and only go dark on a dark theme. The interstitial was then stripped to essentials — the Open Signal mark (unboxed, UI teal, matching the app shell) and one quiet caption, no domain hint or dark box. It also hides a super-minimal easter egg: tap the mark five times for Context, carried. (The boot-fail state keeps the boxed broadcast mark and uses UI teal #0d9488 for its CTA + Reference code.)

State 01 · Redirect

Sign-in handoff

Shown pre-paint on app.relayctx.com when there's no cached session, while the user is redirected to the auth origin. Just the mark, breathing, and one quiet line. Tap the mark 5× →

Light primary canvas #ffffff Open Signal mark · UI teal Minimal — mark + caption Fade ≤0.18s · reduced-motion Tap mark ×5 → egg
Light · default
app.relayctx.com
Taking you to sign in…
Context, carried.
Dark · contrast mode
app.relayctx.com
Taking you to sign in…
Context, carried.
State 02 · Redirect

Signing out

The same interstitial covers the /logout hops across origins (app → auth → login), so there's no white flash mid-teardown. Copy is path-aware — it reads Signing you out… rather than the sign-in line.

Path-aware copy Covers cross-origin hops No white flash Flat — no glow/shadow
Light · default
app.relayctx.com/logout
Signing you out…
Context, carried.
Dark · contrast mode
app.relayctx.com/logout
Signing you out…
Context, carried.
State 03 · Fallback

Boot failure

If the app doesn't boot within 5 seconds, this fallback appears with a copyable diagnostic reference. Previously a hardcoded blue-tinted dark screen with the mark teal on the button — now full v3.4: light-primary, UI-teal CTA, JetBrains Mono codes, flat surfaces.

UI teal CTA #0d9488 Reference in JetBrains Mono Semantic error #dc2626 Honors saved theme Flat detail panel
Light · default
app.relayctx.com
Relay failed to load
There was a problem starting the application. Try refreshing. If this keeps happening, contact support.
ReferenceBF-LXK2M9-A4F
Page/transfer/C4VXTX
support@relayctx.com
Copy debug info Retry
Dark · contrast mode
app.relayctx.com
Relay failed to load
There was a problem starting the application. Try refreshing. If this keeps happening, contact support.
ReferenceBF-LXK2M9-A4F
Page/transfer/C4VXTX
support@relayctx.com
Copy debug info Retry