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
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>