Overlay is a temporary layer covers on the content that shouldn’t be focused on.


Use overlay when you have an important part of UI that needs users’ attention without getting distracted by the rest of the content. A pop-up window and an onboarding tour are the typical examples of using overlay.


overlay example

Overlay color: Gray 90 a60
rgba(12, 12, 13, 0.6)