Basic preview

CSS utilities

A little markup.
A lot of possibility.

Fine-tune the details with shared utilities. Change the padding, spacing, and alignment below to see the design and code update together.

Explore CSS utilities →
01 / Comfortable spacing
Your workspace

Room for your next idea.

Make a little space. Make it your own.

<article class="panel stack p-lg gap-md items-start text-start">
  <div><span class="badge">Your workspace</span></div>
  <h3 class="m-0">Room for your next idea.</h3>
  <p class="muted m-0">Make a little space. Make it your own.</p>
</article>