Callout

Use .callout to draw attention to content in a visually distinct manner.

<aside class="callout">
  <strong>Callouts are useful</strong>
  <p>Use them to visually highlight important content. <a href="/compositions/#masonry-layout">Grid Masonry layout</a> shows a callout in action.</p>
</aside>

Apply data-variant="brand" to style a callout using the brand color.

<aside class="callout" data-variant="brand">
  <strong>Callouts are useful</strong>
  <p>Use them to visually highlight important content. <a href="/compositions/#masonry-layout">Grid Masonry layout</a> shows a callout in action.</p>
</aside>