Logos 3 block design & features
A centered heading sits above a full-width marquee that scrolls logo images continuously from right to left. The marquee auto-fills to prevent gaps and pauses on hover. Each logo is constrained to a fixed aspect ratio and maximum height, with dark-mode inversion applied automatically. This shadcn/ui block requires no user-initiated navigation controls.
Gradient overlays on the left and right edges fade logos into the background, softening the entry and exit of each item. Spacing between logos is even and widens slightly on larger screens. The heading uses semibold weight with tight tracking, and the section has generous vertical padding.
The feel is clean and ambient, treating the logo strip as a background rhythm element rather than a focal point. The continuous motion adds subtle life to the page without demanding attention.
On mobile the marquee remains full-width with slightly narrower logo containers, and the centered heading scales down to maintain proportion.