Logos And Quotes Grid

About this block

Logos And Quotes Grid opens with a centered heading and a short lede, then renders a three-column grid of six cells below it. The cells alternate between quote cards and logo tiles: a quote card holds a short testimonial in a bordered card, with an avatar, name, and role in a figcaption anchored to the bottom; a logo tile is a lightly tinted panel that displays a company wordmark centered inside it. The two cell types sit at the same size so the grid reads as one cohesive surface.

The heading, lede, and all six cells are independent. You can rewrite every line of copy, swap the avatar components, change the company names on the logo tiles, or adjust the cell count as long as the alternating pattern stays intact. The grid collapses to two columns on tablets and a single column on mobile without any extra work.

When to use

Reach for this block when your product serves named enterprise customers and you want social proof to carry both faces and brands at once. A real estate marketplace, for example, can show agency partners as logo tiles while individual brokers speak in the quote cards alongside them. The mixed format does more than a plain quote list because the logo tiles reinforce that recognizable organizations back the product, not just individuals.

A natural flow around it on a Marketing Pro page:

Before

• A feature section to establish what the product does before customers speak to its value
• A how it works section so readers understand the workflow the quotes are praising

After

• A quote with metrics to follow the grid with a single focused result number
• A CTA section to convert readers who are now convinced

What you can display

The grid is built for mixing named-customer logos with short spoken praise. A few other ways to fill the cells:

• Agency or partner logos. Use the logo tiles for integration partners or certified agencies to signal an ecosystem around your product.
• Role-specific voices. Assign each quote card to a different job title so visitors in each role can find a peer speaking directly to their situation.
• Team or department names. For an internal tool, replace company wordmarks with department names so colleagues see familiar teams vouching for the platform.

Tip: keep each quote to two sentences at most so the card height stays close to the logo tile height and the grid stays visually even.