Components

Reviews

Testimonial review cards — paper by default, with a dark skin and a reply block for owner responses to critical reviews.

Markup

<figure class="review rv">
  <blockquote>&ldquo;The dispatcher texted me Marcus&rsquo;s photo before the truck pulled in.&rdquo;</blockquote>
  <figcaption><b>DANA K. &mdash; WINSLOW</b> &middot; FURNACE REPLACEMENT &middot; N&ordm;&nbsp;30871</figcaption>
</figure>

Grid

Review cards sit in a three-column .grid (inside .reviews) or the standalone .review-grid class on the dedicated Reviews page — both compile to the same three-column layout.

Dark skin

Add .review-dark instead of the bare .review class to use the same card on a dark/iron section — used in the Pricing page's proof band and the Reviews page's “bad ones” section.

<figure class="review review-dark rv">…</figure>

Reply block

.reply-block is an amber-left-bordered indent used to show the business's own reply beneath a (typically critical) review — part of the Reviews page's “we answer every one” section.

<figure class="review review-dark rv">
  <blockquote>…</blockquote>
  <figcaption>…</figcaption>
  <div class="reply-block">
    <span class="reply-head">OWNER REPLY &mdash; JUNE PROSSER</span>
    <p>…</p>
  </div>
</figure>