Fullscreen Takeovers

Hey y’all! This is our approach to what we’re calling the “fullscreen takeover.” This pattern is most often implemented for onboarding or wizard-style workflows, where the user needs to be focused on pushing through some focused set of steps without the distraction of navigation or content behind a modal dialog.

We needed this pattern to be flexible enough to work across multiple screen sizes, while also accommodating various amounts of steps, states of steps, and takeover-level actions.

If you’re interested in helping us establish (internally at least) new component patterns like this, we’re actively looking for product designers to join our team, and there’s tons of fresh opportunities like this.

Cheers!
– Alex