Logos 2 - Two-column certifications with logo grid

Pro

Pairs a headline, paragraph, and button on the left with a bordered 3x2 grid of logos on the right.

Shadcn Logos 2 block

Component Data

  • ID:logos2
  • Access:pro
  • Created:Aug 5, 2024
  • Type:block

Logos 2 block design & features

The block splits into two columns inside a rounded, bordered card. The left column contains a heading, a body paragraph, and a shadcn/ui Button with a leading arrow icon. The right column holds a 3x2 grid of logo images, each centered inside its own bordered cell. A vertical border separates the two halves on medium screens and above.

A single outer border with rounded corners wraps both columns, giving the section a contained, card-like appearance. The inner grid cells use right and bottom borders to create visible dividers, while the last column in each row omits its right border. Logo images scale between small and large breakpoints, and padding around the text column increases at wider viewports.

The look is structured and corporate, relying on border lines and consistent padding rather than color fills or shadows. It reads as a certification or trust panel with a clear information hierarchy from text to action to evidence.

On smaller screens the two columns stack vertically, with the text section appearing first and the logo grid below, separated by a top border instead of a left border.