Logos
A row of logos that can be static or used as a slider.
Note: The module can be turned into a slider by setting a number in the layout’s “Number of logos to show at a time” field lower than the number of logos you upload.
View a live demo of this module.
Content
- Include a heading with eyebrow, heading, sub-heading, and/or text
- Add as many logos as needed
- Change alignment of module
- Change number of logos to show at a time
Styles
- Set Dark Mode
- Change text alignment of heading
- Enclose logos in a colored box
- Change max height of logos on desktop and mobile
- Change spacing between logos
How to Use the Logos Module
The Logos module is designed to showcase client logos, partner brands, certifications, or press mentions in a clean, professional layout. This versatile component works particularly well on homepage hero sections, about pages, and dedicated partnership or testimonials pages where you want to build credibility through brand association.
When adding the module through HubSpot’s drag-and-drop page editor, you’ll find it performs best with consistent logo styling before upload. Ideally, use PNG files with transparent backgrounds and similar visual weight across all logos. The module’s max height settings help maintain uniformity even when your source files vary in dimensions.
The slider functionality becomes especially valuable when you have more than 6-8 logos to display. Rather than overwhelming visitors with a crowded static grid, the slider automatically cycles through your logos, keeping the visual focus clean while showcasing more partnerships. This works particularly well on mobile devices where screen real estate is limited.
For optimal performance, consider your page loading speed when uploading multiple high-resolution logo files. The traverse theme’s responsive design will scale logos appropriately, so you don’t need to upload massive files. Images around 200-300 pixels in height typically provide the best balance of quality and performance.
Dark mode compatibility ensures your logos remain visible regardless of your site’s color scheme. When enabling dark mode, logos with dark text or transparent backgrounds may need lighter alternatives—you can swap these out using HubSpot’s smart content features based on the page’s color theme.
The colored box option works well when your logos have varying background colors or when you want to create visual separation from surrounding page content.