Logo strip
A single row of logos — press, stockists, collaborators, partners — spread across the page measure. Each logo can link out. If you have no artwork for one, the publication’s name is set in the display face instead, which looks deliberate rather than missing.
Section settings
Section titled “Section settings”| Setting | Type | Default | What it does |
|---|---|---|---|
| Heading | Text | Worked with | Section heading. Leave it empty to drop the header row and show only the logos. |
| Side note | Text | — | Side note on the right of the header row. Plain text — no link on this one. |
| Colour scheme | Select — Default / Light / Deep | default | Which ground the strip sits on. |
| Top spacing | Range, 0–160 px | 48 | Top spacing. |
| Bottom spacing | Range, 0–160 px | 48 | Bottom spacing. |
Logo blocks
Section titled “Logo blocks”Up to twelve blocks.
| Setting | Type | Default | What it does |
|---|---|---|---|
| Image | Image | — | The logo artwork. Leave it empty to show the name as type instead. |
| Attribution | Text | Publication | Used as the image’s alt text, and shown as display type when no logo is uploaded. Always fill this in. |
| Button link | URL | — | Makes the logo a link. Without it the logo renders as plain content. |
The preset ships with five empty logo blocks.
Behaviour worth knowing
Section titled “Behaviour worth knowing”The section renders nothing if it has no blocks — not even the heading.
Logos are dimmed, names are not. Uploaded artwork sits at 60 % opacity and comes up to full on hover, but only for logos that link somewhere. The type fallback is never dimmed, because dimming text drops it below the contrast threshold on the light plane.
Height is normalised, width is not. Every logo is capped at 26 px tall with width following, so a tall square mark and a wide wordmark end up optically similar. Upload with transparent backgrounds — a white PNG box on a coal ground is very obvious.
Spacing: the row spreads edge to edge with space between the logos on desktop, and packs left with a smaller gap below 860 px. Logos wrap onto a second line if there are too many for the width.