Team Listing — Impact | HubSpot Theme Docs

Content

Include a heading and/or call to action
Change how many team members to show per row
Include a filter

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)
Choose load-in animation for team members
Change heading alignment
Change eyebrow color
Change aspect ratio and border radius of image
Change text alignment
Customize icon styling (color, hover color, enclose)

team-listing

How to Use the Team Listing Module

The Team Listing module is essential for nonprofits and educational organizations looking to showcase their staff, board members, faculty, or volunteers in a professional, organized format. This module works particularly well on About Us pages, Staff directories, and dedicated Team pages where you want to build trust and transparency with your audience.

When adding this module through HubSpot’s drag-and-drop page editor, you’ll find it integrates seamlessly with the Impact theme’s bold design philosophy. The module automatically adapts to your site’s typography settings while maintaining the visual hierarchy that makes team information easily scannable.

Setting up your team members is straightforward through the module’s content settings. You can manually add each team member’s details, including their headshot, name, job title, and social media profiles. For larger organizations, the filterable option becomes invaluable—visitors can sort team members by department, role, or other custom criteria you define.

The styling flexibility allows you to match your organization’s branding perfectly. The aspect ratio controls are particularly useful since team photos often come in different dimensions. You can standardize the display while maintaining professional appearance across all team members.

Consider using the overlap feature when placing this module after a hero section or banner—it creates a dynamic layered effect that draws attention to your team. The load-in animations add polish without being distracting, reinforcing the Impact theme’s engaging user experience.

For optimal results, ensure all team member photos have consistent lighting and backgrounds. The module’s border radius settings can help create a cohesive look even with varying photo styles, making your team directory appear professionally curated.