Web services

Callouts

We use callouts to highlight important or interesting information on a page. They can also direct users to other areas of the website. Each has specific uses, colors, and locations.

Info callouts

Informational callouts are the default type, used when a more specific callout isn't needed.

Action callouts

Action callouts list any next steps or actionable items related to the page's content.

Announcement callouts

Announcement callouts temporarily display timely, important information.

Highlight callouts

Highlight callouts display relevant information that isn't part of the page's core content.

Related callouts

Related callouts provide links to related pages, programs, or resources.

Feedback callouts

Feedback callouts are used to gather feedback when we launch new pages or features.

Callout extras

Ways to customize or add features to callouts.

Sections:

  • 50% width callouts
  • Callout icons
  • Callout action buttons
  • Callouts as links
  • Callouts with logos
  • Callouts with subheadings
Related components