Pause play. Keep the next step visible.

The warning prepares the player for a break. The dialog shows what stays available; a persistent timer shows when play resumes.

Warn. Explain. Keep time visible.

The countdown stays on the page after the dialog closes.

Four original mobile states: advance warning, break dialog, browsing with a persistent timer, and demo play during the break
Warning, explanation, browsing and demo play.

Less copy. A clearer next step.

The final version leads with available actions and the time left.

Four dialog options: compact explanation, progress bar, timer without an introductory paragraph, and final available-actions-first version
Compact explanationNo wait time
Compact explanation
Countdown + progressTwo time indicators
Countdown + progress
Timer without the introNo paragraph to read
Timer without the intro
Available actions firstFinal choice
Available actions first

Swipe to compare. The final version drops the introduction and puts available actions first.

The same flow, in motion.

Available actions first

See what stays available during the break.

Warn, then keep time

A pulsing reminder becomes a quiet status bar.

Mobile status bar: break ends in 14 hours 12 minutes

Hover. Press. Focus.

One control, five readable states.

Time left, at a glance

One countdown in two sizes.

One shared accent

The same yellow across the flow.

brand / 500AccentOne accent across
the whole flow.

Base: BBets Redesign ↗Flow & motion: GoshaFigma ↗

Go to the NextProject