Logos — Impact | HubSpot Theme Docs

Content

Include a heading
Change alignment of non-slider logo set
Set how many logos to show at at time (if less than the number of uploaded logos module will become a slider)

Styles

Set Dark Mode
Change heading alignment
Set max height of logos on both desktop and mobile
Set spacing between logos

How to Use This Module

The Logos module is designed to showcase your organization’s partnerships, sponsors, accreditations, or client relationships in a professional, visually appealing format. This module works particularly well for nonprofits displaying their sponsors and funders, or educational institutions highlighting their accreditation bodies and partner organizations.

You can add this module to any page template in the HubSpot page editor by dragging it from the module library into your desired content area. The module automatically adapts between static display and slider functionality based on your settings—when you upload more logos than your “show at one time” setting, the module transforms into an interactive slider with navigation controls.

Best practices for logo implementation: Upload logos with transparent backgrounds (PNG format) for the cleanest appearance against your page background. The max height settings ensure visual consistency across different logo dimensions, preventing one oversized logo from dominating the row. Set different max heights for desktop and mobile to optimize the visual hierarchy on smaller screens.

This module integrates seamlessly with the Impact theme’s Dark Mode functionality. When Dark Mode is enabled in your theme settings or on individual pages, the module automatically adjusts to complement the darker color scheme. Consider this when selecting logo versions—you may want to upload inverted logos that will show better against dark backgrounds.

The Logos module performs exceptionally well on homepage hero sections, about pages, and dedicated partner/sponsor pages. For educational organizations, consider placing it on program pages to display relevant accreditations, or on research pages to highlight funding organizations and collaborative partners.