FIELDCRAFT DOCS HTML template · v1.3.0

Components

Trust Strip

A thin strip of licensing and review credentials directly under the home hero, plus a one-line human aside.

Markup

<section class="trust" aria-label="Trust facts">
  <ul class="rv">
    <li><b>4.8&#9733;</b> ACROSS 1,742 REVIEWS</li>
    <li>OH LIC #M-41172</li>
    <li>INSURED TO $2,000,000</li>
    <li>24-MONTH CALLBACK GUARANTEE</li>
    <li>EST. 1987 &mdash; CREW OF 19</li>
  </ul>
  <div class="human rv">
    <p>Read the bad reviews too. There are 31 of them, and we answered every one.</p>
    <a class="tert" href="reviews.html">Read all 1,742</a>
  </div>
</section>

Fact list

The <ul> is a flex row of short mono-styled facts, space-between at wide widths. Wrap a fact's headline figure in <b> to give it the brighter bone color against the otherwise muted list.


Human aside

.human is a bordered-off closing line under the fact list — a softer, more conversational aside paired with a tertiary link. The same .human pattern reappears, detached from any hairline via a .detached modifier, at the end of the Contact page's FAQ (see FAQ Accordion).