Skip to content

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.

SettingTypeDefaultWhat it does
HeadingTextWorked withSection heading. Leave it empty to drop the header row and show only the logos.
Side noteText—Side note on the right of the header row. Plain text — no link on this one.
Colour schemeSelect — Default / Light / DeepdefaultWhich ground the strip sits on.
Top spacingRange, 0–160 px48Top spacing.
Bottom spacingRange, 0–160 px48Bottom spacing.

Up to twelve blocks.

SettingTypeDefaultWhat it does
ImageImage—The logo artwork. Leave it empty to show the name as type instead.
AttributionTextPublicationUsed as the image’s alt text, and shown as display type when no logo is uploaded. Always fill this in.
Button linkURL—Makes the logo a link. Without it the logo renders as plain content.

The preset ships with five empty logo blocks.

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.