Components

Receipts

A compact, single-line row of proof facts — paired with a review card inside the reusable .proof split layout.

Markup

<ul class="receipts">
  <li><b data-count="412">0</b> LINE ITEMS PER TRUCK</li>
  <li>9 JOBS IN 10 &mdash; ONE VISIT</li>
  <li>24-MONTH CALLBACK</li>
</ul>

Dark reprise

Add .receipts-dark alongside .receipts for the same strip on an iron/dark section — used in Pricing's proof band.

<ul class="receipts receipts-dark rv">…</ul>

Proof split (.proof)

.proof is the two-column layout wrapper pairing a review card with a .receipts list — used on both the Gallery page's checkpoint section and Pricing's proof band, so the same “quote + facts” pairing appears wherever the site needs to back up a claim.

<section class="proof paper on-paper" id="checkpoint">
  <div class="grid">
    <div class="rv">
      <span class="kicker">THE RECEIPTS</span>
      <ul class="receipts">…</ul>
      <p class="footnote"><a class="tert" href="contact.html">Get my quote</a></p>
    </div>
    <figure class="review rv">…</figure>
  </div>
</section>

Javascript

A receipts list item's number can carry data-count the same way a Ledger stat does, animating up to that value once the strip scrolls into view.