# Social proof sections

> Customer logos in a row, two rows, a scrolling strip, a card or on tiles, and press mentions, on the page or the brand colour.

URL: https://apogee.avaui.dev/docs/social-proof-sections
Last updated: 2026-10-20

Customer logos in a row, two rows, a scrolling strip, a card or on tiles, and press mentions, on the page or the brand colour.

Last updated October 20, 2026

Each example is a block: a [Section](https://apogee.avaui.dev/docs/section) with one line of text over a list of logos. The logos are invented names with generic icons; swap in your customers’ marks. The scrolling version uses [Marquee](https://apogee.avaui.dev/docs/marquee), which pauses on focus, holds still for reduced motion and has a pause button.

```sh
npx @ava-ui/apogee add social-proof/full-width
```

## Copy is props

Every block in this family takes the same content props (`SocialProofContent` in `sections/_shared/social-proof.ts`), with its sample copy as the defaults. A block ignores the props it has no place for, so you can swap one block for another and keep the copy.

-   `heading`: The line above the logos.
    
-   `label`: Accessible name of the logo list.
    
-   `logos`: Company or publication names, in order.
    
-   Pass `null` to hide an optional part, such as `description={null}`.
    
-   Some blocks add props of their own; the top of each block’s file lists them.
    

[

![](https://apogee.avaui.dev/thumbs/social-proof-sections__full-width.light.webp)![](https://apogee.avaui.dev/thumbs/social-proof-sections__full-width.dark.webp)

Full widthOne line over a row of six logos.

](https://apogee.avaui.dev/docs/social-proof-sections/full-width)[

![](https://apogee.avaui.dev/thumbs/social-proof-sections__full-width-dual.light.webp)![](https://apogee.avaui.dev/thumbs/social-proof-sections__full-width-dual.dark.webp)

Full width dualOne line over two rows of logos.

](https://apogee.avaui.dev/docs/social-proof-sections/full-width-dual)[

![](https://apogee.avaui.dev/thumbs/social-proof-sections__full-width-masked.light.webp)![](https://apogee.avaui.dev/thumbs/social-proof-sections__full-width-masked.dark.webp)

Full width maskedOne line over a scrolling strip of logos.

](https://apogee.avaui.dev/docs/social-proof-sections/full-width-masked)[

![](https://apogee.avaui.dev/thumbs/social-proof-sections__card.light.webp)![](https://apogee.avaui.dev/thumbs/social-proof-sections__card.dark.webp)

CardOne line and five logos in a grey card.

](https://apogee.avaui.dev/docs/social-proof-sections/card)[

![](https://apogee.avaui.dev/thumbs/social-proof-sections__cards.light.webp)![](https://apogee.avaui.dev/thumbs/social-proof-sections__cards.dark.webp)

CardsOne line over eight logos, each on its own tile.

](https://apogee.avaui.dev/docs/social-proof-sections/cards)[

![](https://apogee.avaui.dev/thumbs/social-proof-sections__press-mentions.light.webp)![](https://apogee.avaui.dev/thumbs/social-proof-sections__press-mentions.dark.webp)

Press mentionsOne line over five press names.

](https://apogee.avaui.dev/docs/social-proof-sections/press-mentions)[

![](https://apogee.avaui.dev/thumbs/social-proof-sections__full-width-brand.light.webp)![](https://apogee.avaui.dev/thumbs/social-proof-sections__full-width-brand.dark.webp)

Full width brandOne line over a row of six logos on the brand colour.

](https://apogee.avaui.dev/docs/social-proof-sections/full-width-brand)[

![](https://apogee.avaui.dev/thumbs/social-proof-sections__full-width-dual-brand.light.webp)![](https://apogee.avaui.dev/thumbs/social-proof-sections__full-width-dual-brand.dark.webp)

Full width dual brandOne line over two rows of logos on the brand colour.

](https://apogee.avaui.dev/docs/social-proof-sections/full-width-dual-brand)[

![](https://apogee.avaui.dev/thumbs/social-proof-sections__full-width-masked-brand.light.webp)![](https://apogee.avaui.dev/thumbs/social-proof-sections__full-width-masked-brand.dark.webp)

Full width masked brandOne line over a scrolling strip of logos on the brand colour.

](https://apogee.avaui.dev/docs/social-proof-sections/full-width-masked-brand)[

![](https://apogee.avaui.dev/thumbs/social-proof-sections__card-brand.light.webp)![](https://apogee.avaui.dev/thumbs/social-proof-sections__card-brand.dark.webp)

Card brandOne line and five logos in a brand-colour card.

](https://apogee.avaui.dev/docs/social-proof-sections/card-brand)[

![](https://apogee.avaui.dev/thumbs/social-proof-sections__cards-brand.light.webp)![](https://apogee.avaui.dev/thumbs/social-proof-sections__cards-brand.dark.webp)

Cards brandOne line over eight logos, each on its own tile on the brand colour.

](https://apogee.avaui.dev/docs/social-proof-sections/cards-brand)[

![](https://apogee.avaui.dev/thumbs/social-proof-sections__press-mentions-brand.light.webp)![](https://apogee.avaui.dev/thumbs/social-proof-sections__press-mentions-brand.dark.webp)

Press mentions brandOne line over five press names on the brand colour.

](https://apogee.avaui.dev/docs/social-proof-sections/press-mentions-brand)

## Related

[

LogoCloudA row or grid of customer and partner logos.

](https://apogee.avaui.dev/docs/sections/logo-cloud)[

MarqueeAn endless scrolling strip for logos, tags, or testimonials, with a play/pause toggle.

](https://apogee.avaui.dev/docs/marquee)