1/3 - Four columns, dark mode
Overview
A filterable team and staff directory module with search, department tabs, bio modals, and two layout options. Supports up to 30 members with nested social links, rich text bios, and 50+ style controls.
Grid layout shows photo cards in 2, 3, or 4 columns. List layout shows compact rows with circular thumbnails. Both open a detail modal on click with photo, bio, contact info, and social icons. Department filter tabs generate automatically from your member data. Search filters by name, role, and department in real time.
Each member has photo, name, role, department, bio, phone, email, location, and up to 8 social links using HubSpot's icon picker. Style tab covers 17 color fields with opacity, card styling (padding, radius, shadows), image options, filter appearance, modal design, typography, and responsive breakpoints. Colors inherit from your theme by default.
Keyboard accessible with focus trap, ARIA roles, and screen reader support. Works on any HubSpot template, no theme required.
Features
Grid, List, and Modal Layouts
Photo card grid or compact list rows, both with auto-generated department filter tabs (pill or underline) and real-time search. Click any member to open a detail modal with bio, contact links, and social icons.
50+ Style Controls
17 color fields with opacity, card padding/radius/shadow, image aspect ratio and hover zoom, filter styling, modal design, and responsive breakpoints. All accent colors inherit from your HubSpot theme.
Accessible and Responsive
Full keyboard navigation, focus trap in modals, ARIA attributes, lazy loaded images. Grid collapses from 4 to 2 to 1 column across breakpoints. Modal adapts with edge-to-edge photo on mobile.
About Module
Total installs Fewer than 10 Created - Mar 16, 2026
Version 1 - Mar 16, 2026
Categories Tags
Requirements
HubSpot Subscription Works with all HubSpot plans
Contact Studio Nope
Legal Stuff
Please refer to the developer's Privacy Policy and Terms for more information.
Support
Studio Nope
- Romania
Visit website
Studio Nope designs and builds fast, clean HubSpot CMS websites and custom themes for teams that care about performance, editing experience, and reliable tracking.
Unlimited email support
Studio Nope typically responds in
- Monday
9:00 AM - 5:00 PM (EET) - Tuesday
9:00 AM - 5:00 PM (EET) - Wednesday
9:00 AM - 5:00 PM (EET) - Thursday
9:00 AM - 5:00 PM (EET) - Friday
9:00 AM - 5:00 PM (EET)
