Callout

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.

Tell us more