sa-as-featured-in v2026-05-25
Horizontal strip of full-color press logos (NYT, CNN, Time, Rolling Stone, Washington Post, NPR, Hulu, etc.). Header "As Featured In."
Source skill: sa-as-featured-in · Updated 2026-06-06 16:03:21
When to use
Once per page, LOW on the page, before the final CTA banner.
Rules & constraints
- 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
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; }
}