zero·style

Dictionary entry

backdrop

View related-term graphUse in a brief
Was this helpful?
UI / UXCurated · verified

The dimmed layer placed behind a pop-up such as a modal or menu, which fades out the rest of the screen so attention lands on the thing in front. Clicking it usually closes the pop-up.

Synonyms

  • dimmer

Related terms

In plain words

  • the greyed-out background behind a pop-up
  • the dark shade that appears behind a dialog

Usage example

A dark backdrop appears behind the dialog to push the rest of the page into the background.

Don't confuse with…

  • scrimA scrim is essentially the same dimming layer; 'backdrop' is the common component name for it in some design toolkits.

Categories

  • Overlays & containers

Related-term graph

Two hops from backdrop — click a term to open its entry, or re-center the graph on it

Focus term

Directly related

Two hops away

  • Relatedbackdrop related of lightbox
  • Relatedbackdrop related of modal
  • Relatedbackdrop related of overlay
  • Relatedbackdrop related of scrim
  • Relatedoverlay related of backdrop
  • Synonymscrim synonym of backdrop
  • Relatedscrim related of bottom sheet
  • Relatedlightbox related of carousel
  • Relatedmodal related of dialog box
  • Relatedscrim related of drawer
  • Relatedmodal related of drawer
  • Relatedscrim related of lightbox
  • Relatedmodal related of lightbox
  • Relatedoverlay related of modal
  • Relatedlightbox related of modal
  • Relatedscrim related of modal
  • Synonymscrim synonym of overlay
  • Relatedoverlay related of popover
  • Relatedmodal related of popover
  • Relatedmodal related of scrim
  • Relatedoverlay related of scrim
  • Relatedlightbox related of scrim
  • Synonymscrim synonym of shade

Stop describing. Start naming.

Turn a plain-language description into a designer-ready brief in minutes.

Start a brief