SA Element Registry
Catalog
Admin
+ Add
Edit element
sa-as-featured-in
Name (slug)
Version
Category
Heroes & Top-of-Page
Social Proof
Differentiators
Content Blocks
Sidebar
CTA / Footer
Office Anchoring
Status
Live
Beta
Deprecated
Description
Horizontal strip of full-color press logos (NYT, CNN, Time, Rolling Stone, Washington Post, NPR, Hulu, etc.). Header "As Featured In."
When to use
Once per page, LOW on the page, before the final CTA banner.
Source skill
Rules (one per line, leading dash optional)
1. Full color. Never grayscale, never monochrome, never tinted: The brand colors of each publication must show through. 2. Placed LOW on the page: Never near the hero, trust bar, or top-of-page social-proof. Maintain at least one section's padding above and below — especially between this strip and the Trust Badges Grid (`sa-trust-badges-grid`). 3. Canonical image URLs only: No Wikipedia thumb URLs (they 403 in headless render). Use the firm-hosted `/wp-content/uploads/2026/02/...` paths shown in the snippet. 4. Logo roster must be true and current: Do not add publications the firm has not actually been featured in. Approved roster as of 2026-05-25: 5. Header is exactly: `As Featured In`. No subtitle. No date stamp. 6. Alt text: uses lowercase descriptive convention per the sitewide image alt-text rule. 7. No hover animations, no parallax, no grayscale-to-color transitions: Logos render full color, static. 8. Mobile centering: applies to the header per the sitewide rule. Logos wrap to multiple rows on mobile via flex. 9. No deprecated colors: in section padding or background. Section background is white or light tint per the page rhythm.
Live reference URL
Deployment notes
Replace any 403-prone URLs with self-hosted copies. Verify list quarterly.
HTML
<section class="sal-asib"> <div class="sal-asib-inner"> <p class="sal-asib-heading">As Featured In</p> <div class="sal-asib-logos"> <div class="sal-asib-logo"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/02/New-York-Times-Logo-scaled.webp" alt="The new york times" loading="lazy" width="2560" height="1440"></div> <div class="sal-asib-logo"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/02/CNN-Logo-scaled.webp" alt="Cnn" loading="lazy" width="2560" height="1707"></div> <div class="sal-asib-logo"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/02/time-magazine-logo.webp" alt="Time magazine" loading="lazy" width="840" height="299"></div> <div class="sal-asib-logo"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/02/rolling-stone-logo.webp" alt="Rolling stone" loading="lazy" width="441" height="114"></div> <div class="sal-asib-logo"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/02/washington-post-logo.webp" alt="Washington post" loading="lazy" width="504" height="100"></div> <div class="sal-asib-logo"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/02/NPR-logo-scaled.webp" alt="Npr" loading="lazy" width="2560" height="1440"></div> <div class="sal-asib-logo"><img src="https://aguiarinjurylawyers.com/wp-content/uploads/2026/02/hulu-logo-.webp" alt="Hulu" loading="lazy" width="374" height="135"></div> </div> </div> </section>
CSS
/* ============== sa-as-featured-in - press logo strip ============== */ .sal-asib{ padding:48px 24px; background:#fff; } .sal-asib-inner{ max-width:1180px; margin:0 auto; text-align:center; } .sal-asib-heading{ font-family:Poppins,sans-serif; font-weight:700; font-size:clamp(18px,2.2vw,22px); color:#0B212D; text-align:center; margin:0 0 28px; letter-spacing:1.5px; text-transform:uppercase; } .sal-asib-logos{ display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:36px 48px; } .sal-asib-logo{ display:flex; align-items:center; justify-content:center; flex:0 0 auto; } .sal-asib-logo img{ max-height:42px; max-width:160px; width:auto; height:auto; object-fit:contain; /* Full color - never grayscale */ filter:none; opacity:1; } @media (max-width:768px){ .sal-asib{ padding:36px 16px; } .sal-asib-logos{ gap:24px 32px; } .sal-asib-logo img{ max-height:32px; max-width:120px; } .sal-asib-heading{ text-align:center; } }
Save changes
Cancel