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.

The studio is organised horizontally by discipline: strategy, design and delivery. A large portrait introduces the lead of each discipline; a smaller square portrait introduces a colleague below. The deliberate scale difference makes responsibility clear without turning the whole section into another staff directory.

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 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.

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.

Three department columns each open with a large portrait and named lead, then introduce a colleague through a smaller face and short profile. The section works without the companion plugin. Replace the example people, roles and copy directly in the block editor.

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. Review the full section at 1920, 1280, 820 and 390 pixels in serif and sans themes.

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.