FIELDCRAFT DOCS HTML template · v1.3.0

Components

Manifesto

A large, paper-skinned statement paired with a supporting checklist — the home page's “house rules” section and the About page's origin story.

Markup

<section class="manifesto paper on-paper" id="rules">
  <div class="grid">
    <div>
      <span class="kicker rv">THE HOUSE RULES</span>
      <p class="big rv">You&rsquo;re letting strangers into the room where your <em>kids sleep</em>.</p>
    </div>
    <div class="side rv">
      <span class="who">EST. 1987 &mdash; CREW OF 19</span>
      <p>Earl Prosser started this with one van in 1987.</p>
      <ul class="checks">
        <li>Flat-rate quote in writing, before any cut</li>
        <li>Your tech&rsquo;s name and photo, texted before the knock</li>
      </ul>
    </div>
  </div>
</section>

Statement type

.big is the large display-weight statement paragraph, with <em> highlighted as an amber-on-ink inline mark (via the section's .paper/on-paper skin — see Section). Used both inside .manifesto and, alone, inside the narrower .statement variant on Service Single (its .big is capped to --container-statement instead of the full grid width).


Checklist

.checks is the light (ink-on-paper) checklist used throughout the manifesto and statement sections — a bordered list with a small square bullet. The wider .checks-wide modifier (seen on Service Single) removes the column constraint for a full-width list under a statement.


Crew roster reprise

.crew.roster (the About page's second, unphotographed crew list) sits directly under the photographed .crew.profiles list — see Team — with margin-top zeroed so the two lists read as one continuous roster.