zero·style

Dictionary entry

callout

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

A small boxed note set apart from the surrounding text — often with a colored border or icon — to highlight a tip, warning, or important point.

Synonyms

  • admonition
  • note box
  • aside
  • message box

Related terms

In plain words

  • the highlighted note box in an article
  • the colored tip box that stands out from the text

Usage example

A blue callout in the guide reminded readers to back up their data before upgrading.

Don't confuse with…

  • bannerA banner spans the full width for app-wide messages; a callout sits inline within content to flag one passage.
  • tooltipA tooltip appears only on hover and then hides; a callout is always visible in the content.

Categories

  • Overlays & containers

Related-term graph

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

Focus term

Directly related

Two hops away

  • Relatedcallout related of banner
  • Relatedcallout related of card
  • Relatedcallout related of panel
  • Relatedcallout related of tooltip
  • Relatedpanel related of accordion
  • Relatedcard related of banner
  • Relatedcard related of callout
  • Relatedpanel related of card
  • Relatedtooltip related of coach mark
  • Relatedtooltip related of helper text
  • Relatedbanner related of notification
  • Relatedcard related of panel
  • Relatedtooltip related of popover
  • Relatedpanel related of sidebar
  • Relatedbanner related of toast
  • Relatedcard related of well
  • Relatedpanel related of well

Stop describing. Start naming.

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

Start a brief