Logos 7 block design & features
A centered heading and optional subtitle appear above a full-width marquee that continuously scrolls logo images. The entire section sits on a muted background, distinguishing it from adjacent content. Each logo auto-fills, pauses on hover, and inverts for dark mode. This Shadcn UI block requires no navigation controls or user interaction to run.
Gradient overlays on both edges fade logos from the muted background color to transparent, creating smooth entry and exit transitions rather than hard clip edges. The gradients are drawn from the muted token, so they match the surface in both light and dark themes. Logo spacing uses horizontal margins that increase at larger breakpoints.
The muted background band gives the section a sense of enclosure without adding visible borders or card chrome. Combined with the slow scroll speed, the overall tone is calm and ambient, functioning as a visual pause between content sections.
On narrow screens the marquee remains full-bleed while the heading and subtitle contract in size, and the logo containers shrink slightly to maintain proportion.