Component

Typography

The display/sans/mono type system: Outfit for titles, Manrope for body, IBM Plex Mono for data.

Preview

Section eyebrow

Page title

Section head

Card heading

Body copy uses Manrope with a muted lede variant for supporting text.

MONO · 11PX · DATA AND LABELS

Big state

Code

<p class="eyebrow">Section eyebrow</p>
<h1 class="title">Page title</h1>
<h2>Section head</h2>
<h3>Card heading</h3>
<p class="lede">Body copy with a muted lede.</p>
<p class="mono small faint">Mono data labels</p>
<div class="big-state tone-wait">Big state</div>

← Toast