Device (Tabs)
Desktop
System (OS)
Web
Language (i18n)
EspaƱol
English
Description
This modal blackout pattern guides users through multi-step forms, ensuring focused input and clear progression for critical decisions.
VotesUp
VotesDown
Pattern ID
256
UX Flows
Onboarding
Decision Making
Accessibility
UI Components
Modal
Button
Steps
Dropdown Menu
Text Input
Image / Illustration
Close Overlay
Version
2.1.19
Facebook Business
Loading captureā¦
Loading captureā¦
Ā
Figma Web
_10.48.41.png?table=block&id=1bd66251-f355-48a9-8de4-94a3f45f2be3&cache=v2)
Loading captureā¦
_10.48.58.png?table=block&id=261cb41b-f1a2-4fa4-b433-93d59760156e&cache=v2)
Loading captureā¦
_10.49.05.png?table=block&id=b663aa01-5a6e-47b0-8473-099d68937d33&cache=v2)
Loading captureā¦
_10.50.09.png?table=block&id=baf68a24-c9bf-484f-b117-8ce08ea0c4a4&cache=v2)
Loading captureā¦
Figma Desktop
Ā
_11.15.28.png?table=block&id=7b3eae0f-82b4-4f5f-b658-b4e3f8e4960c&cache=v2)
Loading captureā¦
_11.15.30.png?table=block&id=43614841-e5ca-4540-8a7b-8df60130df32&cache=v2)
Loading captureā¦
_11.15.31.png?table=block&id=22d80a93-fa24-47ea-85c8-42428b71a979&cache=v2)
Loading captureā¦
_11.15.33.png?table=block&id=08c8c68a-6332-4c01-9213-01da29a102b0&cache=v2)
Loading captureā¦
_11.15.35.png?table=block&id=c3850fab-af52-4e56-9f11-f30e8e25e53b&cache=v2)
Loading captureā¦
_11.41.45.png?table=block&id=afe88db2-9711-43f5-a5cb-9ef11b1b24ce&cache=v2)
Loading captureā¦
Ā
Related patterns
Ā