Callout is an excerpt of text used in design to draw attention to or label something


Note:

  • Excerpt 1
  • Excerpt 2
Usage
<blockquote>
    <p><b>Note:</b></p>
    <ul>
        <li>Excerpt 1</li>
        <li>Excerpt 2</li>
    </ul>
</blockquote>

Guidelines

Callout should:

  • Use when you want to highlight certain part of an article prominently
  • Use sparingly in a page as too many of it will cause distractions

Feedback

Having troubles with the guide? Please give us more details and we'll get back to you soon.

Chat with the team