Logo - Full (Color)

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.
Grid, List, and Modal Layouts

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.
50+ Style Controls

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.
Accessible and Responsive

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

About the Provider

Studio Nope

Certifications
    Learn more

    Contact Studio Nope

    Legal Stuff

    Please refer to the developer's Privacy Policy and Terms for more information.

    Support

    Studio Nope

    Studio Nope designs and builds fast, clean HubSpot CMS websites and custom themes for teams that care about performance, editing experience, and reliable tracking.

    Support includes

    • Unlimited email support

    Response time

    Studio Nope typically responds in 5 business days.

    Business hours

    • Monday9:00 AM - 5:00 PM (EET)
    • Tuesday9:00 AM - 5:00 PM (EET)
    • Wednesday9:00 AM - 5:00 PM (EET)
    • Thursday9:00 AM - 5:00 PM (EET)
    • Friday9:00 AM - 5:00 PM (EET)

    Supported languages

    Contact Studio Nope

    Studio Nope - Team Directory Customer Reviews

    Be the first to write a customer review

    (0 reviews)