# Team introduction and face grid

> An introduction occupies one side of the section, opposite a compact responsive grid of nine square portraits and names. Example portraits are included, generated and nobody real; replace them with photographs of your own people. Inherits your theme’s palette and typeface. Opens with the Dark design. Select Section colours to enable Inherit section and follow the surrounding section palette.

Canonical: https://patternpaste.com/pattern/team-intro-face-grid.html
Section: Team
Access: Included in Pattern Paste access.
Needs: Requires a block theme on WordPress 6.7 to 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, intro face grid

## Variations (2)

### Dark (the default)

Identical markup in every theme.

The original inverted design, shown in the library thumbnail and on first opening. Select Section colours to use Colour → Inherit section.

### Section colours

Identical markup in every theme.

The same composition on the theme’s base ground. Supports Colour → Inherit section so the surrounding section supplies the background and text colours.


---

## The signature moment: a quiet introduction balances a dense nine-face wall

The introduction takes roughly one third of the width and is vertically centred beside a dense three-by-three wall of faces. The names act as small captions rather than competing headings. On mobile the introduction comes first, while the nine portraits keep their three-column structure, making this the most compact large-team option in the batch.

## What the buyer gets

An introduction occupies one side of the section, opposite a compact responsive grid of nine square portraits and names. The section works without the companion plugin. Replace the example people, roles and copy directly in the block editor.

## What it inherits from your theme

The typeface, heading treatment and spacing scale belong to the host theme. Every colour uses a fallback chain. The default Dark design inverts base and contrast. The Section colours variant uses base and contrast in their ordinary roles. Body copy targets 4.5:1 contrast; large display text has a 3:1 minimum. WordPress render checks measure the actual theme colours.

## Display type

Section headings use the x-large rung, names use the label clamp, and body copy uses medium, all with clamp fallbacks. Labels use a 0.875rem to 1rem clamp and 1.4 line height.

## Responsive composition

The introduction and face wall stack below WordPress’s mobile breakpoint. The face wall keeps three equal columns, so the nine people stay in three rows. Each person’s photograph and name stay grouped. Review the full section at 1920, 1280, 820 and 390 pixels in serif and sans themes.

## What you change first

Replace the portraits, names and supporting copy. Duplicate a complete profile group to add a person, keeping text lengths reasonably similar. Image blocks retain their chosen aspect ratio when you replace the source.

## Included images

The portraits are generated examples and depict nobody real. Their public image URLs travel with the copied markup. Choose **Replace** to use your own people. Pasting a URL does not import a Media Library attachment. See [image credits](/image-credits/).

## Dark and Section colours

The default **Dark** design is used in the library thumbnail and on first opening. Its inverted background and text remain paired, so Inherit section is intentionally unavailable in this version. These are theme colour chains, not hardcoded colours.

Select **Section colours**, then **Colour → Inherit section**, to remove the named background and text colours and use those of the surrounding section.