Factoid

A factoid is a piece of information that is used to highlight information.

Factoids should not begin with a prominent number or symbol ($, %).

When to use

A factoid should be used for something that is particularly relevant, interesting, or important in the context in which it is being discussed.

Anatomy

Factoid Anatomy

1. Border (required)

2. Factoid Text (required)

3. Container (required)

Best practices

When using factoids, limit use to one per section

All three variations are designed to be responsive — they will stack on mobile.

Provide a source if the data or ranking comes from another program or institution.

Examples

<aside class="ucla-callout">
  Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
  incididunt ut labore et dolore magna aliqua.
</aside>