# Product team roster

> Four full-height portrait cards place name, role and a short biography on a separate plate below each face. A three-part introduction and closing team note frame the roster. Example portraits are included, generated and nobody real; replace them with your own people.

Canonical: https://patternpaste.com/pattern/team-product-roster.html
Section: Team
Access: Included in Pattern Paste access.
Needs: Requires a block theme on WordPress 7.0. Classic themes and page builders are outside our supported setup. Adaptive patterns use the block theme’s colour, spacing and typography presets; styled variations declare their own colours or type.
Blocks: column, columns, group, heading, image, paragraph
Keywords: team, people, portraits, team product roster

## Variations (2)

### Theme colours (the default)

Identical markup in every theme.

The composition inherits your theme colours and typeface.

### Product team roster colours

This variation states its own colours and states its own type: identical in every theme.

Warm paper with dark ink and sage profile plates, using an Arial system stack.


---

## The signature moment: portrait card grid

The base pattern uses theme colour chains and states no font family. The product team roster colours variation keeps the same copy and structure, and states the Designed Pattern palette and a system font stack. All portraits are generated examples depicting nobody real.

## What the buyer gets

A complete team section built from core WordPress blocks. Replace each photograph, name and description in the editor. Duplicate a whole person card to expand the team. 

## What it inherits from your theme

The base uses the theme's base and contrast colour chains and typeface. Its body text targets 4.5:1 contrast and large display text 3:1. The stated variation carries its own paired backgrounds and text colours.

## Display type

The large heading uses a bare clamp because its size is part of the composition. Person names use the large rung, and body copy uses medium with clamp fallbacks. The stated variation uses a local font stack and ships no font file.

## Responsive composition

The three-part header stacks on narrow screens. The card grid reduces columns by available width, keeping each photograph and caption together. Review at 1920, 1280, 820 and 390 pixels.

## What you change first

Replace the example portraits with your own people, then edit names, roles and copy. Image blocks retain their aspect ratio when you replace a source.

## Included images

The public image URLs travel with the copied markup: https://patternpaste.com/previews/_assets/portrait-15.jpg, https://patternpaste.com/previews/_assets/portrait-02.jpg, https://patternpaste.com/previews/_assets/portrait-03.jpg, https://patternpaste.com/previews/_assets/portrait-04.jpg. Choose **Replace** to use your own photographs. Pasting a URL does not import a Media Library attachment. See [image credits](/image-credits/).