<?xml version="1.0" encoding="utf-8"?>

Guide user attention with a dark overlay

Guide user attention with a dark overlay Bad Practice
Guide user attention with a dark overlay Best Practice

Add a dark overlay to the modal to make it pop. There are several benefits of adding dark overlays to modals:

  • It obscures the rest of the screen, allowing users to focus on the content at hand
  • It prevents interactions with elements outside the modal
  • It acts as a Close/Cancel button[1]
Improve your UX & Product skills with interactive courses that actually work