Edit element

sa-cva-get-more-proof

Name (slug) Version

Category Status

Description When to use Source skill Rules (one per line, leading dash optional)

- 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 URL Deployment notes HTML

<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;}}

Cancel