Start free trial

Library Team

Catalogue accessStandard

Team alternating profiles

Three broad profile spreads alternate the portrait side, giving each person room for a biography and a personal approach. Example portraits are included, generated and nobody real; replace them with photographs of your own people.

Inherits your theme’s palette and typeface.

ThemePreview size
As authoredColour
Twenty Twenty-Five·1280px

Manrope typefacergb(255, 255, 255) ground1280px viewport

Start here

What you change first

Replace the portraits, names, roles and biographies. 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.

The signature moment

Portraits and biographies trade sides down the page

The photograph occupies forty per cent of each spread, leaving a wider reading area for the biography. The middle spread reverses those positions. This creates a left-right-left rhythm without sticky frames, animation or any dependency on the companion plugin. The profile number identifies where each new conversation begins.

Theme handoff

What comes from where

From your theme

The typeface, heading treatment and spacing scale belong to the host theme. Every colour uses a fallback chain. Text resolves to contrast on the page ground; no accent is used behind copy. Body copy targets 4.5:1 contrast; large display text has a 3:1 minimum. WordPress render checks measure the actual theme colours.

Full pattern notes

Why it works, and how it is built

Open a topic for the complete design reasoning, editing guidance and implementation notes.

Design rationaleComposition, intent and nearest alternatives

Overview

Three broad profile spreads alternate the portrait side, giving each person room for a biography and a personal approach.

The signature moment: portraits and biographies trade sides down the page

The photograph occupies forty per cent of each spread, leaving a wider reading area for the biography. The middle spread reverses those positions. This creates a left-right-left rhythm without sticky frames, animation or any dependency on the companion plugin. The profile number identifies where each new conversation begins.

Make it yoursVariations and the edits to make first

What you change first

Replace the portraits, names, roles and biographies. 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.

Theme behaviourInheritance, fixed decisions and contrast

What it inherits from your theme

The typeface, heading treatment and spacing scale belong to the host theme. Every colour uses a fallback chain. Text resolves to contrast on the page ground; no accent is used behind copy. 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 large, and body copy uses medium, all with clamp fallbacks. Labels use a 0.875rem to 1rem clamp and 1.4 line height.

Technical notesBlock mechanics, responsive behaviour and constraints

What the buyer gets

Three broad profile spreads alternate the portrait side, giving each person room for a biography and a personal approach. The section works without the companion plugin. Replace the example people, roles and copy directly in the block editor.

Responsive composition

Core columns stack below WordPress’s mobile breakpoint. Grid layouts use minimum widths and reduce their column count as space narrows. Each person’s photograph and name stay grouped. Alternating spreads preserve their authored reading order on mobile, including the text-first middle profile. Review the full section at 1920, 1280, 820 and 390 pixels in serif and sans themes.

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.

The markup

13KB of core-block markup, 6 blocks (column, columns, group, heading, image, paragraph), and nothing else: paste it into the block editor and it becomes editable blocks wearing your theme.

Start free trial to copyWhat you copy is yours forever. Cancel whenever.

Back to the library

Continue exploring

Next in Team

Explore all 14 Team patterns

Team roster by desk rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamTeamStandard

Team roster by desk

The studio as a directory in three named desks: a tracked desk label, its own top rule, then hairline rows carrying a small square portrait, a name, a tracked role and one line of what that person does.

6 blocksOpen preview
Team cover frieze rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamTeamStandard

Team cover frieze

A heading row, then four tall portrait covers set edge to edge across the full width with no gutter, so the team reads as one continuous frieze.

4 blocks · 1 variationOpen preview Title in the frieze
Team department columns rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamTeamStandard

Team department columns

Three department columns each open with a large portrait and named lead, then introduce a colleague through a smaller face and short profile.

4 blocksOpen preview