Team Listing — Vertical | HubSpot Theme Docs

Content

Include a heading and/or call to action
Change how many team members to show per row
Change social placement (top, right, bottom, left)

Styles

Set Dark Mode
Set module to overlap section above or below it (only visible if section module is in and section module is overlapping have differing backgrounds)
Change heading alignment
Change aspect ratio of image
Change text alignment
Customize icon styling (color, hover color, enclose)

team-listing

How to Use This Module

The Team Listing module is perfect for creating professional team showcases on your About Us, Meet the Team, or company overview pages. This module works particularly well in the Vertical theme’s clean, technology-focused design aesthetic, allowing your team members to be presented in a visually appealing grid format that maintains consistency with your SaaS or tech company’s brand.

When adding this module through HubSpot’s drag-and-drop page editor, you’ll find it integrates seamlessly with other Vertical theme modules. The responsive grid automatically adjusts to display your team members effectively across desktop, tablet, and mobile devices, ensuring your team looks professional on every screen size.

Best practices for content editors:

Position social links strategically based on your team’s professional presence. If your team members are active on LinkedIn and Twitter for business purposes, consider placing social icons at the top or bottom for prominent visibility. For teams with minimal social media presence, the right or left placement creates a cleaner, less cluttered appearance.

The aspect ratio settings deserve special attention – square images (1:1) create a modern, uniform look that works well with professional headshots, while rectangular ratios (4:3 or 16:9) can accommodate more casual team photos or full-body shots.

Take advantage of the overlap styling option when you want your team section to create visual interest by extending into adjacent sections. This works particularly well when transitioning from a dark hero section to your team showcase, creating depth and movement on your page.

The heading alignment and text alignment options let you match your company’s content style – centered alignment works well for traditional corporate presentations, while left alignment creates a more contemporary, editorial feel that complements the Vertical theme’s modern approach.