Appearance
Logo List
A row of logos for brands, partners, certifications, or clients. Adds credibility and social proof at a glance.
Try it
Change the settings below and watch the preview update in real time. Click Split to see settings and preview side by side, or use the tabs to switch between them.
Storefront preview
Image sizes
Each logo is requested at twice the Logo width you set, so a 160px Logo width asks for a 320px file. Any shape works — logos are scaled to the width you choose and are not cropped. Transparent PNG or SVG sits best on a coloured band.
Settings
| Setting | What it does |
|---|---|
| Color scheme | Picks which set of colors to use for this section |
| Heading | The title above the logos (e.g., "Trusted by" or "Our brands") |
| Logo width | Logos display at a uniform size — up to 120px wide and 48px tall |
| Grayscale logos | Mutes the logos to greyscale, with full colour returning on hover. Off by default, so logos keep their own colours — in dark mode too. Turn it on if a dark logo is hard to see against a dark background, or upload a light version. In dark mode a muted logo is also flipped so it reads light against the dark background; hovering lifts the mute but keeps that flip, because showing the original dark artwork would make it disappear. |
| Auto scroll | Logos scroll automatically as a marquee. Pauses on hover and when the section is off-screen. Default OFF — with it off, logos sit in a centred row that wraps onto more rows on smaller screens |
Blocks
Logo
Each logo is a block:
| Setting | What it does |
|---|---|
| Image | The logo image — transparent PNGs work best |
| Button link | An optional link to the brand's page or collection |
You can add as many logos as you need.
When it isn't showing
The section hides itself unless it has a logo block or a Heading. A logo block with no image uploaded contributes nothing.
Tips
- Upload logos as transparent PNGs so they blend cleanly with any background color scheme.