Callout

Callouts highlight key details so people don't miss them.

When to use

Use a callout when people need to notice something, like a tip, a requirement, or a key detail.

Content order comes first

Use a callout when content organization alone isn't enough. Where something sits on the page already signals its importance. Content covers how to organize and order content so the most important information comes first.

How to use

Keep callouts short. One or two sentences works best. If you need more space, the information probably belongs in the main content.

<div class="pl-typeset pl-reset pl-margin-l">
  <p class="pl-callout">
    <strong>Guide</strong>: <a href="https://www.library.upenn.edu/services/books-mail">Set your address with Books by Mail</a>
  </p>
</div>

Where it's used

• Digital Collections