<p class="eyebrow">Eyebrow</p>
<h1>Heading one</h1>
<p class="lede">A lede paragraph sits under the title in muted ink.</p>

<h1>Heading one</h1>
<h2>Heading two</h2>
<h3>Heading three</h3>
<p>Body text in manrope at 16px with a 1.55 line height.</p>
<p class="small muted">Small muted text at 13px.</p>
<p class="mono small">Mono text for ids and codes.</p>

<div class="big-state tone-ok">Active</div>

<p>Press <span class="kbd">⌘</span> <span class="kbd">K</span> or see <code class="docs-inline">docs/setup.txt</code>.</p>