Differentiators Live

sa-cva-get-more-proof v2026-06-15

Bottom full-bleed dark proof block with a framed attorney headshot left and Poppins Title Case headline + orange accent + checked UVP list right.

Source skill: sa-cva-get-more-proof · Updated 2026-06-15 13:12:01

Edit

Live preview

Open ↗

When to use

Close a page with a dark proof block tying the attorney face to key differentiators.

Rules & constraints

Foundry orange `#D97706` is for text, borders (up to 4px), dividers, and icon strokes only -- never a background fill. The 3px frame border and the accent text use orange correctly. The 3px value on the headshot frame is the approved exception (decorative structural border per SAIL v1 spec).
No em dashes in body copy. Production copy should follow the firm's em-dash style guide.
Phone number lives in `tel:` href only. Button label is text, never the phone number itself.
Fonts: Poppins for the heading and checked UVP list. The host page must load the Google Fonts link below.
Text always full opacity per sa-brand-decisions §3.
This is the VISUAL TRUTH SOURCE for SAIL Design Foundation v1 -- do not redesign or recolor.
**Google Fonts (host page must load):**
`https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap`
Duplicate UVP guard (2026-06-15): Use only one primary UVP/payoff block with this same message on a page or post. Do not pair this element with another Get More, You Focus, BSG always-get-more, sa-fcta-blk, generic white CTA, or sa-bottom-get-more-fw block that repeats the same primary message. During QA, keep the strongest single block and replace any other same-message break with a different visual element or a different UVP angle.
UVP casing standard: use exactly "$0 Out-Of-Pocket Forever" for this benefit label, including title case and hyphens.

Live reference

https://aguiarinjurylawyers.com/practice-areas/commercial-vehicle-accidents/

Deployment notes

Packaged from the commercial-vehicle-accidents page. Host page must load the Poppins Google Fonts link. VISUAL TRUTH SOURCE for SAIL Design Foundation v1 — do not redesign or recolor. Duplicate UVP guard (2026-06-15): Use only one primary UVP/payoff block with this same message on a page or post. Do not pair this element with another Get More, You Focus, BSG always-get-more, sa-fcta-blk, generic white CTA, or sa-bottom-get-more-fw block that repeats the same primary message. During QA, keep the strongest single block and replace any other same-message break with a different visual element or a different UVP angle. 2026-06-15: Normalized the Out-Of-Pocket Forever UVP casing standard in the registry.

HTML

<!-- ==================== BOTTOM GET MORE PROOF ==================== -->
<section class="sa-bottom-get-more-fw" aria-labelledby="cva-getmore-h">
  <div class="sa-bottom-get-more-fw__inner">
    <div class="sa-bottom-get-more-fw__media">
      <figure class="sa-bottom-get-more-fw__frame">
        <img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/01/Attorney-Headshots-22-768x768.webp" alt="Sam Aguiar, personal injury attorney" width="768" height="768" loading="lazy" decoding="async">
      </figure>
    </div>
    <div class="sa-bottom-get-more-fw__body">
      <h2 id="cva-getmore-h" class="sa-bottom-get-more-fw__title">Get More. Get It Faster.<br><span class="sa-bottom-get-more-fw__accent">Get It With Sam Aguiar.</span></h2>
      <ul class="sa-bottom-get-more-fw__list" role="list">
        <li><span style="color:#D97706;font-weight:700;margin-right:8px;">&#10003;</span>Bigger Share Guarantee On Every Case</li>
        <li><span style="color:#D97706;font-weight:700;margin-right:8px;">&#10003;</span>$0 Out-Of-Pocket Forever</li>
        <li><span style="color:#D97706;font-weight:700;margin-right:8px;">&#10003;</span>No Fee Increase If Your Case Goes To Litigation</li>
        <li><span style="color:#D97706;font-weight:700;margin-right:8px;">&#10003;</span>Dedicated Three-Person Case Team</li>
        <li><span style="color:#D97706;font-weight:700;margin-right:8px;">&#10003;</span>Forbes Best-In-State Recognition</li>
        <li><span style="color:#D97706;font-weight:700;margin-right:8px;">&#10003;</span>1,000+ Five-Star Google Reviews</li>
      </ul>
    </div>
  </div>
</section>

CSS

:root{
  --sail-navy:#0B212D; --sail-navy-deep:#0a1520;
  --sail-orange:#D97706; --sail-orange-deep:#B45309;
  --sail-white:#fff; --sail-ink-light:#f7f9fa; --sail-mute:#5a6770;
  --sail-rule:rgba(11,33,45,.12); --card-border:#E5E9EC;
  --font-display:Georgia,'Times New Roman',serif; --font-ui:'Poppins',system-ui,sans-serif;
  --container:1180px;
}
/* ---------- Bottom Get More proof (block) ---------- */
.sa-bottom-get-more-fw{position:relative;box-sizing:border-box;padding:72px 24px;overflow:hidden;color:#fff;background:linear-gradient(0deg,#000 0%,var(--sail-navy) 100%);}
.sa-bottom-get-more-fw__inner{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:minmax(260px,420px) 1fr;gap:56px;align-items:center;}
.sa-bottom-get-more-fw__frame{position:relative;width:100%;max-width:420px;margin:0;overflow:hidden;border:3px solid var(--sail-orange);border-radius:4px;background:var(--sail-navy-deep);box-shadow:0 10px 30px rgba(0,0,0,.45);}
.sa-bottom-get-more-fw__frame img{width:100%;height:auto;object-fit:cover;}
.sa-bottom-get-more-fw__body{display:flex;flex-direction:column;gap:24px;}
.sa-bottom-get-more-fw__title{margin:0;font-family:var(--font-ui),'Poppins',system-ui,sans-serif;font-weight:700;font-size:clamp(27px,3vw,42px);line-height:1.15;text-align:center;color:#fff !important;}
.sa-bottom-get-more-fw__accent{color:var(--sail-orange) !important;}
.sa-bottom-get-more-fw__list{display:flex;flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;}
.sa-bottom-get-more-fw__list li{position:relative;padding-left:36px;font-family:var(--font-ui),'Poppins',system-ui,sans-serif;font-size:18px;font-weight:600;line-height:1.4;color:#fff !important;}
.sa-bottom-get-more-fw__list li::before{position:absolute;left:0;top:50%;transform:translateY(-50%);color:var(--sail-orange);font-size:18px;font-weight:700;}
@media(max-width:900px){.sa-bottom-get-more-fw__inner{grid-template-columns:1fr;gap:36px;}.sa-bottom-get-more-fw__body{align-items:center;text-align:center;}.sa-bottom-get-more-fw__list{align-items:flex-start;}}