Logos 10 block design & features
A centered heading sits above a full-width marquee of logo cells. Each cell is a bordered rectangle containing a centered logo image and a zero-padded index number in the top-left corner. The marquee auto-fills, pauses on hover, and loops continuously. Gradient overlays on both edges fade cells into the background. This Shadcn UI block uses no additional subcomponents beyond the marquee library.
Cells share a fixed height and responsive width that grows across breakpoints. Borders appear on the top, bottom, and left of each cell while the right border is omitted to let adjacent cells share edges, creating a continuous filmstrip effect. The index numbers use extra-small muted text with tight tracking, adding a technical, catalogued feel.
The numbered-cell treatment gives the section a systematic, archival quality that differs from softer marquee layouts. The combination of structured borders, monochrome logos with dark-mode inversion, and slow scroll speed produces a restrained, editorial atmosphere.
On smaller screens the cells narrow but maintain their height, and the gradient fade zones keep the horizontal edges clean regardless of viewport width.