SA Element Registry
Catalog
Admin
+ Add
Edit element
sa-bsg-strip
Name (slug)
Version
Category
Heroes & Top-of-Page
Social Proof
Differentiators
Content Blocks
Sidebar
CTA / Footer
Office Anchoring
Status
Live
Beta
Deprecated
Description
Quiet full-bleed Bigger Share Guarantee® strip. Dark Visible Depth gradient band with an orange uppercase BIGGER SHARE GUARANTEE® strip-line above a two-line Georgia serif headline 'You focus on getting better. / We'll handle everything else.' No button, no subline. The calm payoff strip from the contact page that sits just above the footer.
When to use
When a page needs a calm, buttonless BSG payoff strip above the footer (e.g. /contact-us/).
Source skill
Rules (one per line, leading dash optional)
- The orange uppercase BIGGER SHARE GUARANTEE® line is a STRIP-LINE, never an eyebrow (eyebrows are banned site-wide). - No button, no subline — this is the quiet payoff variant. - Two-line Georgia serif headline only: "You focus on getting better." / "We'll handle everything else." - Keep the gradient #071720 -> #0B212D (the contact-page Visible Depth variant), white headline, #D97706 strip-line. - Self-contained scoped CSS — safe to drop anywhere. Use once per page. 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.
Live reference URL
Deployment notes
Drop above the footer. Distinct from you-focus-pagebreak (has a Call button, no strip-line) and sa-bsg-banner (BSG is the white H2 and it has a Call button). The orange line is a strip-line, NOT an eyebrow. Pairs with pre-publish-qa + wp-deploy for shipping. 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.
HTML
<!-- wp:html --> <section class="sa-bsg-strip"> <span class="sa-bsg-strip-line">Bigger Share Guarantee®</span> <h2><span>You focus on getting better.</span><span>We’ll handle everything else.</span></h2> </section> <!-- /wp:html -->
CSS
.sa-bsg-strip{ background:linear-gradient(0deg,#071720 0%,#0B212D 100%); color:#ffffff; text-align:center; padding:72px 24px; width:100%; } .sa-bsg-strip .sa-bsg-strip-line{ display:block; font-family:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif; font-size:clamp(14px, 2.1vw, 26px); line-height:1.1; color:#D97706; font-weight:600; letter-spacing:.06em; text-transform:uppercase; margin:0 0 10px; } .sa-bsg-strip h2{ font-family:Georgia,'Times New Roman',Times,serif; font-weight:500; font-size:clamp(28px, 3.4vw, 38px); line-height:1.15; color:#ffffff; margin:0; max-width:820px; margin-left:auto; margin-right:auto; } .sa-bsg-strip h2 span{display:block;} @media (max-width:768px){ .sa-bsg-strip{padding:56px 22px;} }
Save changes
Cancel