---
title: Team members | Module Library
---

[Skip to content](https://testportal.streamcreative.com/module-library/team-members#main-content)

![Membership Demo](https://testportal.streamcreative.com/hs-fs/hubfs/Membership-Demo.png?width=470&height=59&name=Membership-Demo.png)Homepage

- [Default HubSpot Blog](https://streamcreative-2659819.hs-sites.com/blog?hsLang=en)

Get started

- [Default HubSpot Blog](https://streamcreative-2659819.hs-sites.com/blog?hsLang=en)

Get started

## 1. Default — all settings inherited from theme

Baseline instance. No module overrides set. Card surface, name/title/bio typography, gap, shadow and photo radius all come from theme tokens.

![John Smith](https://placehold.co/400x400/png)

### John Smith

CEO & Founder

Name above should be body-large at weight 600; this bio is theme body type.

<https://www.linkedin.com>[mailto:john@example.com](mailto:john@example.com)

![Sarah Johnson](https://placehold.co/400x400/png)

### Sarah Johnson

CTO

The title/role line uses the card variant accent (icon color token).

<https://x.com>

![Michael Chen](https://placehold.co/400x400/png)

### Michael Chen

Head of Design

Photos are circles by default; object-fit cover is fixed (no fit field).

<https://example.com>

![Emily Davis](https://placehold.co/400x400/png)

### Emily Davis

Marketing Director

Card hover lifts with the theme strong shadow token.

## 2. Dark section — card text follows the CARD surface, not the section

This header text switches to the dark-section palette. Name, title and bio inside each card must STAY the card variant 1 text color.

![Card check](https://placehold.co/400x400/png)

### Card Surface Check

Name/title/bio legible

If this text went white-on-white, the surface rule is broken.

<https://www.linkedin.com>

![Accent check](https://placehold.co/400x400/png)

### Accent Check

Title uses CARD accent

The title above follows the card icon color token, not the section accent.

[mailto:qa@example.com](mailto:qa@example.com)

## 3. Photo → Portrait + bio custom color (#B30000) survives

Photos render 3:4 portrait with corners from the card variant radius token. The bio text below each member is the single allowed text override.

![Portrait one](https://placehold.co/400x533/png)

### Portrait One

3:4 aspect ratio

This bio should be dark red (#B30000).

![Portrait two](https://placehold.co/400x533/png)

### Portrait Two

Corners from card radius

This bio is red too; the name and title above keep the card color.

![Portrait three](https://placehold.co/400x533/png)

### Portrait Three

Object-fit cover fixed

No fit, border or shadow fields exist anymore.

## 4. Animation → Line by line (header, then cards stagger in)

Scroll into view: this header reveals first, then each member card slides up one after another using the theme animation defaults.

![Reveal one](https://placehold.co/400x400/png)

### Reveals First

After the header

Theme duration and easing — no hardcoded ms.

![Reveal two](https://placehold.co/400x400/png)

### Reveals Second

Theme stagger delay

Staggers in after card one.

![Reveal three](https://placehold.co/400x400/png)

### Reveals Third

Reduced motion respected

With prefers-reduced-motion the cards stay visible.

![Reveal four](https://placehold.co/400x400/png)

### Reveals Last

No JS fallback

Without JavaScript nothing is ever hidden.

---

#### Solutions

- [Services](https://testportal.streamcreative.com/services?hsLang=en)
- [Industries](https://testportal.streamcreative.com/industries?hsLang=en)

#### Company

- [About](https://testportal.streamcreative.com/about?hsLang=en)
- [Careers](https://testportal.streamcreative.com/careers?hsLang=en)

#### Resources

- [Blog](https://testportal.streamcreative.com/blog?hsLang=en)
- [Contact](https://testportal.streamcreative.com/contact?hsLang=en)

© 2026 Your Company. All rights reserved.

```json
{
  "@context" : "https://schema.org",
  "@type" : "Organization",
  "address" : {
    "@type" : "PostalAddress",
    "addressLocality" : "Brookfield",
    "addressRegion" : "WI",
    "postalCode" : "53005",
    "streetAddress" : "13555 Bishops Ct"
  },
  "logo" : {
    "@type" : "ImageObject",
    "url" : "https://f.hubspotusercontent10.net/hubfs/2659819/Membership-Demo.png"
  },
  "name" : "streamcreative.com",
  "url" : "https://testportal.streamcreative.com"
}
```

```json
{
  "@context" : "https://schema.org",
  "@type" : "WebPage",
  "name" : "Module Library: Team members",
  "url" : "https://testportal.streamcreative.com/module-library/team-members"
}
```