SA Element Registry
Catalog
Admin
+ Add
Edit element
sa-pull-quote
Name (slug)
Version
Category
Heroes & Top-of-Page
Social Proof
Differentiators
Content Blocks
Sidebar
CTA / Footer
Office Anchoring
Status
Live
Beta
Deprecated
Description
Inline pull-quote with large italic text and orange left-border accent. Reviewer attribution carries the four-color Google G, is ALL CAPS, and matches the 20px size of the quote text. Use for client storytelling or attorney-voice emphasis.
When to use
Client storytelling, attorney-voice moments — max one per content section.
Source skill
Rules (one per line, leading dash optional)
1. Inline pull-quote with large italic text and an orange left-border accent. 2. Use for client storytelling or attorney-voice emphasis. 3. Attribution required when quote is from a named client. 4. Max one per content section.
Live reference URL
Deployment notes
Copy verbatim. Replace bracketed placeholders. Run pre-publish-qa, playwright-visual-qa (desktop 1280 / mobile 390), sa-content-rot-detector, and sa-css-leak-guard after deploy. Log via content-publish-logger and notify search engines via batch-indexnow. See the source skill for full rules.
HTML
<blockquote class="sa-pullquote"> <p>“[INLINE QUOTE - verbatim from approved reviews if client quote.]”</p> <cite class="sa-pq-cite"><svg class="sa-pq-google" width="20" height="20" viewBox="0 0 48 48" aria-hidden="true" focusable="false"><path fill="#4285F4" d="M45.12 24.5c0-1.56-.14-3.06-.4-4.5H24v8.51h11.84c-.51 2.75-2.06 5.08-4.39 6.64v5.52h7.11c4.16-3.83 6.56-9.47 6.56-16.17z"/><path fill="#34A853" d="M24 46c5.94 0 10.92-1.97 14.56-5.33l-7.11-5.52c-1.97 1.32-4.49 2.1-7.45 2.1-5.73 0-10.58-3.87-12.31-9.07H4.34v5.7C7.96 41.07 15.4 46 24 46z"/><path fill="#FBBC05" d="M11.69 28.18C11.25 26.86 11 25.45 11 24s.25-2.86.69-4.18v-5.7H4.34C2.85 17.09 2 20.45 2 24s.85 6.91 2.34 9.88l7.35-5.7z"/><path fill="#EA4335" d="M24 10.75c3.23 0 6.13 1.11 8.41 3.29l6.31-6.31C34.91 4.18 29.93 2 24 2 15.4 2 7.96 6.93 4.34 14.12l7.35 5.7c1.73-5.2 6.58-9.07 12.31-9.07z"/></svg><span>- [BRITTANY V.] or [B. VANHOOSE]</span></cite> </blockquote>
CSS
.sa-pullquote{margin:32px 0;padding:8px 0 8px 24px;border-left:4px solid #D97706;max-width:680px} .sa-pullquote p{font-family:Poppins,sans-serif;font-weight:500;font-style:italic;font-size:20px;line-height:1.45;color:#0B212D;margin:0 0 8px} .sa-pullquote cite{display:flex;align-items:center;gap:8px;font-family:Poppins,sans-serif;font-weight:600;font-style:normal;font-size:20px;line-height:1.3;color:#0B212D;opacity:1;text-transform:uppercase;letter-spacing:.04em} .sa-pullquote cite .sa-pq-google{flex:0 0 auto;width:20px;height:20px}
Save changes
Cancel