Blankstate

‹ Back

A blankstate can be used to show something a little nicer when there are no items for a listing page.

You have no favourites

Browse our products and start favouriting!

<div class="blankstate">
  <div class="blankstate--content compressed">
    <p>
      <strong>You have no favourites</strong>
    </p>
    <p>
      Browse <a href="#">our products</a> and start favouriting!
    </p>
  </div>
</div>