Logos 5 block design & features
A centered heading and optional subtitle sit above two horizontally centered rows of logos. The top row holds four items in a grid and the bottom row holds five, each logo constrained to a fixed aspect ratio and maximum height. Dark-mode inversion is applied automatically. This shadcn/ui block uses no carousels or animation.
Spacing between logos is generous and responsive, expanding at each breakpoint through wider column gaps. Both rows are centered within the container, and the staggered count (four then five) creates a subtle visual pyramid. Typography is semibold with tight tracking, and the optional subtitle appears in muted foreground color.
The result is a quiet, symmetrical composition that relies on alignment and whitespace for visual order. There are no borders, cards, or background fills, keeping the focus entirely on the logo marks themselves.
On mobile the grids collapse to two columns, maintaining even gap rhythm and letting logos wrap naturally across rows.