Promo Logo

Usage

Use to acknowledge delivery partners, funders, or collaborating organisations on programme or plan pages. It gives each partner equal visual weight through a consistent logo card format, with an optional link to each partner's website. Best placed near the bottom of a page, after the main body content, to credit contributors without competing with the primary content. The module has a centred H3 heading and optional supporting body copy paragraph above the logo grid. Each partner is displayed as a fixed-size card containing their logo centred within a 16:9 logo container. The card background is slightly darker than the page surface (fi-surface-color/default-dark) to give the logos a clean, neutral backdrop. The module has two behaviours depending on breakpoint: Desktop — Logo cards are displayed in a centred wrapping flex grid with no links visible by default. Cards are static (no hover state). Tablet and Mobile — The logo grid becomes a horizontally scrollable slider. Each card shows a "Go to website ↗" text link below the logo, making the cards explicitly navigable. The hover/active state is shown by default to ensure the link is always discoverable on touch devices. Use this module instead of the logo strip in Details Page Content when partner logos need to be presented as a standalone full-width section rather than as part of the page header. Don't use for platform logos (e.g. learniFI) — those belong in the Details Page Content logo strip. Props: heading, copy. The number of logo cards and their Go to website links are set per instance. The module is available in Desktop, Tablet, and Mobile device variants.