Start free trial

Library Team

Catalogue accessStandard

Team profile cards

Six bordered profile cards pair a small square face with a role, followed by a name and short biography. 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

A compact face beside a full-height biography card

The small square portrait shares a row with the role; the name and biography then use the whole card width. That change of density distinguishes the cards from a conventional photograph-over-caption grid. The border makes the full profile a clear unit, and the inner portrait row stays compact even when the outer grid becomes a single mobile column.

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

Six bordered profile cards pair a small square face with a role, followed by a name and short biography.

The signature moment: a compact face beside a full-height biography card

The small square portrait shares a row with the role; the name and biography then use the whole card width. That change of density distinguishes the cards from a conventional photograph-over-caption grid. The border makes the full profile a clear unit, and the inner portrait row stays compact even when the outer grid becomes a single mobile column.

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

Six bordered profile cards pair a small square face with a role, followed by a name and short biography. The section works without the companion plugin. Replace the example people, roles and copy directly in the block editor.

Responsive composition

The outer card grid reduces from three columns to two and then one. The small portrait and role keep their two-column arrangement inside each card, including on mobile. Each person’s photograph and name stay grouped. 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

20KB 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 portraits rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamTeamStandard

Team portraits

Six people in two ruled strips of three, each a 2:3 portrait frame with the name and a tracked role beneath.

6 blocks · 1 variationOpen preview Narrow strip
Team roster rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTeamTeamStandard

Team roster

The whole team as a ruled directory: hairline rows under a column header, each carrying a small square portrait, a name, a tracked role and one line of what that person does.

6 blocksOpen preview
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