Start here
What you change first
- The six people. Six names, six roles, six sentences, six pictures.
- The pictures. Point each frame at your media library.
- The count. The rows are independent
core/columns. - The bio length. Hold every sentence to about eighty characters.
The signature moment
Six at exactly the same size
The section is an argument made entirely by repetition. Six frames, one crop, one heading size, one role size, one sentence each, and no container of any kind. No card, no plate, no border, no rule. The only structure in the whole section is that the six things are identical and evenly spaced, which is enough to make a grid and is much harder to get wrong than a card.
Theme handoff
What comes from where
From your theme
- Typeface.
- Palette.
- Spacing scale.
Set by this pattern
- The crop, and it is the same crop for everybody.
- The frames include example portraits, generated and nobody real.
- Type never sits on a photograph.
- Three across, guaranteed rather than reasoned about.
- A bottom-aligned two-column opening.
- Three sizes of type and nothing else.
- No links.
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 people across two even rows of three. Each person is a 4:5 portrait with their name, a tracked role and one line about what they are for, and there is nothing drawn around anybody. It is the plainest of the portrait sections: team-portraits puts its people between hairlines and gives them no bio, team-lead-portrait ranks one of them, and this one refuses to do either.
The signature moment: six at exactly the same size
The section is an argument made entirely by repetition. Six frames, one crop, one heading size, one role size, one sentence each, and no container of any kind. No card, no plate, no border, no rule. The only structure in the whole section is that the six things are identical and evenly spaced, which is enough to make a grid and is much harder to get wrong than a card.
Two consequences are worth the price. The first is that nothing outranks anything: a team section built from cards tends to grow a featured card, and a team section built from a hairline strip makes the strip the subject. Here the subject is six faces, and the eye reads them as a set before it reads any name. The second is that the bio line is what sets the rhythm. Every person gets one sentence of roughly the same length, so the six blocks of text are the same height, the two rows sit on the same baseline, and the grid looks measured rather than assembled.
It survives colourlessness because there is no colour in it to take away. Every mark on the page is either a photograph or a piece of type, and the composition is carried by the fact that they repeat.
Make it yoursVariations and the edits to make first
What you change first
- The six people. Six names, six roles, six sentences, six pictures. The sentence is the thing worth writing: it is the only place anybody gets a voice, and it sets the height of the row.
- The pictures. Point each frame at your media library. They do not have to be shot to 4:5; the crop is applied for you. They do have to be shot at roughly the same distance, because six frames at one size put a head-and- shoulders next to a full-length figure and nothing hides the difference.
- The count. The rows are independent
core/columns. Delete the second for a team of three, copy it for nine. Keep three to a row: four columns at 820px leave roughly 175px a person, which is too little for a face and a sentence. - The bio length. Hold every sentence to about eighty characters. The moment one runs to three lines and the others run to two, the second row stops agreeing with the first and the grid reads as a mistake.
Theme behaviourInheritance, fixed decisions and contrast
What it inherits from your theme
- Typeface. The pattern states no font family. The names, the tracked roles and the bios all arrive in your serif or your sans, and the section is largely a test of how your face handles a small tracked capital next to a reading-size name.
- Palette. The ground is your
baseand every piece of text is yourcontrast, both as fallback chains ending on a colour WordPress itself guarantees. There is no third colour in the section. - Spacing scale. Section padding, the gap between the two rows, the gutter between people and the air between a frame and its name are core spacing presets, so density follows your theme.
What it decides for itself
- The crop, and it is the same crop for everybody. Every image block is
aspectRatio: 4/5withscale: cover, so whatever the buyer uploads is cut to the same frame rather than published at whatever shape the camera left it. 4:5 is a little squarer than a studio portrait, which suits a grid: a taller frame in two rows of three pushes the second row off most screens. - The frames include example portraits, generated and nobody real. Their public image URLs travel with the copied pattern. Choose Replace to select photographs of your own people, keeping the crop and layout already set.
- Type never sits on a photograph. Name, role and bio are below the frame, on the section's own ground. A portrait's luminance is as unknowable as an accent's, because the buyer chooses the image.
- Three across, guaranteed rather than reasoned about. Two separate
core/columnsrows of three, not a grid layout and not a wrapping flex row. Core gives a columnflex-grow:1; flex-basis:0; min-width:0, so three never wrap above 782px, and core stacks them one per line below it. A grid with a minimum column width would pack four across on a wide screen and leave two people on a short second row. - A bottom-aligned two-column opening. The heading takes 58% and the lede 42%, both aligned on their last line, so the two blocks of type finish together whatever length either one is. Core writes the alignment onto each child column, never onto the row, because a
core/columnsverticalAlignmentdoes nothing on the front end. - Three sizes of type and nothing else. The name is the
largerung, the role is a small tracked uppercase label with its ownclamp(), and the bio ismedium. The role is a paragraph rather than a heading, because a heading in this catalogue may not state its own case or tracking. - No links. Nothing in the section is tappable. An inline link's height comes from the font's em box, which a pattern stating no font cannot raise to a 44px target, so that is the buyer's decision to make with their own type.
Technical notesBlock mechanics, responsive behaviour and constraints
Included images
The copied markup includes example portraits, generated and nobody real. The public image URLs keep the examples visible after pasting. Select an image or cover and choose Replace to use photographs of your own people. See image credits for the sources. Pasting an image URL does not import a Media Library attachment.
Questions
Team grid: common questions
Does Team grid need a plugin?
No. It is built only from core WordPress blocks (column, columns, group, heading, image and paragraph), so it pastes into the block editor with nothing to install.
Will Team grid match my theme?
Yes. It names no colour or font of its own: every colour, size and space is a preset from your theme, so it takes your theme’s palette and type when pasted.
Can I use my own images?
Yes. Sample images stay in the copied blocks. Replace them in WordPress; pasting does not upload them to your Media Library.
Is Team grid free?
Yes. It is one of 62 free Core Patterns: copy it and it is yours to keep and edit.
Which WordPress version does it need?
Requires a block theme on WordPress 7.0 to 7.1. 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.
The markup
Core block markup and nothing else. Copy it, then paste it straight into the block editor: WordPress reads the delimiters and rebuilds the blocks. This is the file as authored; the copy button on the stage applies the finish you chose there.
16,972 bytes
<!-- wp:group {"align":"full","style":{"color":{"background":"var(--wp--preset--color--base, var(--wp--preset--color--white))","text":"var(--wp--preset--color--contrast, var(--wp--preset--color--black))"},"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}},"elements":{"heading":{"color":{"text":"currentColor"}},"link":{"color":{"text":"currentColor"}}}},"layout":{"type":"constrained","contentSize":"1240px"}} -->
<div class="wp-block-group alignfull has-text-color has-background has-link-color" style="color:var(--wp--preset--color--contrast, var(--wp--preset--color--black));background-color:var(--wp--preset--color--base, var(--wp--preset--color--white));padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--50)"><!-- wp:columns {"verticalAlignment":"bottom","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|70"}}}} -->
<div class="wp-block-columns are-vertically-aligned-bottom"><!-- wp:column {"verticalAlignment":"bottom","width":"58%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:58%"><!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"typography":{"fontSize":"clamp(0.8125rem, 0.9vw, 0.875rem)","fontWeight":"600","letterSpacing":"0.22em","lineHeight":"1.2","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));font-size:clamp(0.8125rem, 0.9vw, 0.875rem);font-weight:600;letter-spacing:0.22em;line-height:1.2;text-transform:uppercase">The studio</p>
<!-- /wp:paragraph -->
<!-- wp:heading {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}},"typography":{"fontSize":"var(--wp--preset--font-size--xx-large, clamp(2rem, 4vw, 3.25rem))"}}} -->
<h2 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--30);font-size:var(--wp--preset--font-size--xx-large, clamp(2rem, 4vw, 3.25rem))">The six people you will be working with.</h2>
<!-- /wp:heading --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"bottom","width":"42%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:42%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"var(--wp--preset--font-size--large, clamp(1.0625rem, 1.5vw, 1.3125rem))"}}} -->
<p style="font-size:var(--wp--preset--font-size--large, clamp(1.0625rem, 1.5vw, 1.3125rem))">One portrait each, cut to the same 4:5 frame, and one line about what that person is for. No cards, no plates and no rules: six faces at the same size are the whole structure.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:columns {"style":{"spacing":{"margin":{"top":"var:preset|spacing|70"},"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|50"}}}} -->
<div class="wp-block-columns" style="margin-top:var(--wp--preset--spacing--70)"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"aspectRatio":"2/3","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<figure class="wp-block-image size-large" style="margin-top:0;margin-bottom:0"><img src="https://patternpaste.com/previews/_assets/portrait-03.jpg" alt="Studio portrait of a woman in their 30s with straight dark shoulder-length hair with centre part, wearing an olive blouse, against a warm grey background." style="aspect-ratio:2/3;object-fit:cover"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}},"typography":{"fontSize":"var(--wp--preset--font-size--large, clamp(1.125rem, 1.4vw, 1.3125rem))"}}} -->
<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--30);font-size:var(--wp--preset--font-size--large, clamp(1.125rem, 1.4vw, 1.3125rem))">Priya Raghunathan</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"var:preset|spacing|20"}},"typography":{"fontSize":"clamp(0.875rem, 1vw, 0.9375rem)","fontWeight":"600","letterSpacing":"0.12em","lineHeight":"1.35","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:var(--wp--preset--spacing--20);font-size:clamp(0.875rem, 1vw, 0.9375rem);font-weight:600;letter-spacing:0.12em;line-height:1.35;text-transform:uppercase">Founder, principal design</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))">Draws the ramp first and the colour last, which is why nothing here needs a palette.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"aspectRatio":"2/3","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<figure class="wp-block-image size-large" style="margin-top:0;margin-bottom:0"><img src="https://patternpaste.com/previews/_assets/portrait-16.jpg" alt="Studio portrait of a man in their 50s with receding short salt-and-pepper hair, wearing an olive shirt, against a warm grey background." style="aspect-ratio:2/3;object-fit:cover"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}},"typography":{"fontSize":"var(--wp--preset--font-size--large, clamp(1.125rem, 1.4vw, 1.3125rem))"}}} -->
<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--30);font-size:var(--wp--preset--font-size--large, clamp(1.125rem, 1.4vw, 1.3125rem))">Marcus Lyall</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"var:preset|spacing|20"}},"typography":{"fontSize":"clamp(0.875rem, 1vw, 0.9375rem)","fontWeight":"600","letterSpacing":"0.12em","lineHeight":"1.35","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:var(--wp--preset--spacing--20);font-size:clamp(0.875rem, 1vw, 0.9375rem);font-weight:600;letter-spacing:0.12em;line-height:1.35;text-transform:uppercase">Design director</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))">Twenty years of print behind him, and it shows in every measure on the page.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"aspectRatio":"2/3","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<figure class="wp-block-image size-large" style="margin-top:0;margin-bottom:0"><img src="https://patternpaste.com/previews/_assets/portrait-05.jpg" alt="Studio portrait of a woman in their 50s with wavy dark hair to the shoulders with a few grey strands, wearing a charcoal blouse, against a warm grey background." style="aspect-ratio:2/3;object-fit:cover"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}},"typography":{"fontSize":"var(--wp--preset--font-size--large, clamp(1.125rem, 1.4vw, 1.3125rem))"}}} -->
<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--30);font-size:var(--wp--preset--font-size--large, clamp(1.125rem, 1.4vw, 1.3125rem))">Aoife Brennan</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"var:preset|spacing|20"}},"typography":{"fontSize":"clamp(0.875rem, 1vw, 0.9375rem)","fontWeight":"600","letterSpacing":"0.12em","lineHeight":"1.35","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:var(--wp--preset--spacing--20);font-size:clamp(0.875rem, 1vw, 0.9375rem);font-weight:600;letter-spacing:0.12em;line-height:1.35;text-transform:uppercase">Lead engineer</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))">Writes the markup the checkers try hardest to break, then breaks it herself first.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:columns {"style":{"spacing":{"margin":{"top":"var:preset|spacing|60"},"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|50"}}}} -->
<div class="wp-block-columns" style="margin-top:var(--wp--preset--spacing--60)"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"aspectRatio":"2/3","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<figure class="wp-block-image size-large" style="margin-top:0;margin-bottom:0"><img src="https://patternpaste.com/previews/_assets/portrait-02.jpg" alt="Studio portrait of a man in their 60s with medium-length swept-back silver hair, wearing a navy sweater, against a warm grey background." style="aspect-ratio:2/3;object-fit:cover"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}},"typography":{"fontSize":"var(--wp--preset--font-size--large, clamp(1.125rem, 1.4vw, 1.3125rem))"}}} -->
<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--30);font-size:var(--wp--preset--font-size--large, clamp(1.125rem, 1.4vw, 1.3125rem))">Tomas Lindqvist</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"var:preset|spacing|20"}},"typography":{"fontSize":"clamp(0.875rem, 1vw, 0.9375rem)","fontWeight":"600","letterSpacing":"0.12em","lineHeight":"1.35","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:var(--wp--preset--spacing--20);font-size:clamp(0.875rem, 1vw, 0.9375rem);font-weight:600;letter-spacing:0.12em;line-height:1.35;text-transform:uppercase">Systems and typography</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))">Keeps the type scale honest across a serif theme and a sans one, without a fallback.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"aspectRatio":"2/3","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<figure class="wp-block-image size-large" style="margin-top:0;margin-bottom:0"><img src="https://patternpaste.com/previews/_assets/portrait-01.jpg" alt="Studio portrait of a woman in their 20s with short natural coily hair, wearing a charcoal shirt, against a warm grey background." style="aspect-ratio:2/3;object-fit:cover"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}},"typography":{"fontSize":"var(--wp--preset--font-size--large, clamp(1.125rem, 1.4vw, 1.3125rem))"}}} -->
<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--30);font-size:var(--wp--preset--font-size--large, clamp(1.125rem, 1.4vw, 1.3125rem))">Nadia Osei</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"var:preset|spacing|20"}},"typography":{"fontSize":"clamp(0.875rem, 1vw, 0.9375rem)","fontWeight":"600","letterSpacing":"0.12em","lineHeight":"1.35","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:var(--wp--preset--spacing--20);font-size:clamp(0.875rem, 1vw, 0.9375rem);font-weight:600;letter-spacing:0.12em;line-height:1.35;text-transform:uppercase">Content strategy</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))">Decides what a section is for before anyone decides what it looks like.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"aspectRatio":"2/3","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<figure class="wp-block-image size-large" style="margin-top:0;margin-bottom:0"><img src="https://patternpaste.com/previews/_assets/portrait-04.jpg" alt="Studio portrait of a man in their 40s with short dark hair, wearing a stone shirt, against a warm grey background." style="aspect-ratio:2/3;object-fit:cover"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}},"typography":{"fontSize":"var(--wp--preset--font-size--large, clamp(1.125rem, 1.4vw, 1.3125rem))"}}} -->
<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--30);font-size:var(--wp--preset--font-size--large, clamp(1.125rem, 1.4vw, 1.3125rem))">Daniel Sato</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"var:preset|spacing|20"}},"typography":{"fontSize":"clamp(0.875rem, 1vw, 0.9375rem)","fontWeight":"600","letterSpacing":"0.12em","lineHeight":"1.35","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:var(--wp--preset--spacing--20);font-size:clamp(0.875rem, 1vw, 0.9375rem);font-weight:600;letter-spacing:0.12em;line-height:1.35;text-transform:uppercase">Client partner</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))">Reads the brief twice, then asks the question everyone else had been avoiding.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:group {"layout":{"type":"constrained","contentSize":"32rem","justifyContent":"left"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1vw, 1rem))"}}} -->
<p style="margin-top:var(--wp--preset--spacing--50);margin-bottom:0;font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1vw, 1rem))">Roles rotate by project. The studio keeps no bench, so whoever is named on a piece of work is the person who made it.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
<!-- wp:group {"align":"full","style":{"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"var:preset|spacing|50","right":"var:preset|spacing|50"}},"elements":{"heading":{"color":{"text":"currentColor"}},"link":{"color":{"text":"currentColor"}}}},"layout":{"type":"constrained","contentSize":"1240px"}} -->
<div class="wp-block-group alignfull has-link-color" style="padding-top:var(--wp--preset--spacing--80);padding-right:var(--wp--preset--spacing--50);padding-bottom:var(--wp--preset--spacing--80);padding-left:var(--wp--preset--spacing--50)"><!-- wp:columns {"verticalAlignment":"bottom","style":{"spacing":{"blockGap":{"top":"var:preset|spacing|40","left":"var:preset|spacing|70"}}}} -->
<div class="wp-block-columns are-vertically-aligned-bottom"><!-- wp:column {"verticalAlignment":"bottom","width":"58%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:58%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"clamp(0.8125rem, 0.9vw, 0.875rem)","fontWeight":"600","letterSpacing":"0.22em","lineHeight":"1.2","textTransform":"uppercase"}}} -->
<p style="font-size:clamp(0.8125rem, 0.9vw, 0.875rem);font-weight:600;letter-spacing:0.22em;line-height:1.2;text-transform:uppercase">The studio</p>
<!-- /wp:paragraph -->
<!-- wp:heading {"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}},"typography":{"fontSize":"var(--wp--preset--font-size--xx-large, clamp(2rem, 4vw, 3.25rem))"}}} -->
<h2 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--30);font-size:var(--wp--preset--font-size--xx-large, clamp(2rem, 4vw, 3.25rem))">The six people you will be working with.</h2>
<!-- /wp:heading --></div>
<!-- /wp:column -->
<!-- wp:column {"verticalAlignment":"bottom","width":"42%"} -->
<div class="wp-block-column is-vertically-aligned-bottom" style="flex-basis:42%"><!-- wp:paragraph {"style":{"typography":{"fontSize":"var(--wp--preset--font-size--large, clamp(1.0625rem, 1.5vw, 1.3125rem))"}}} -->
<p style="font-size:var(--wp--preset--font-size--large, clamp(1.0625rem, 1.5vw, 1.3125rem))">One portrait each, cut to the same 4:5 frame, and one line about what that person is for. No cards, no plates and no rules: six faces at the same size are the whole structure.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:columns {"style":{"spacing":{"margin":{"top":"var:preset|spacing|70"},"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|50"}}}} -->
<div class="wp-block-columns" style="margin-top:var(--wp--preset--spacing--70)"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"aspectRatio":"2/3","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<figure class="wp-block-image size-large" style="margin-top:0;margin-bottom:0"><img src="https://patternpaste.com/previews/_assets/portrait-03.jpg" alt="Studio portrait of a woman in their 30s with straight dark shoulder-length hair with centre part, wearing an olive blouse, against a warm grey background." style="aspect-ratio:2/3;object-fit:cover"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}},"typography":{"fontSize":"var(--wp--preset--font-size--large, clamp(1.125rem, 1.4vw, 1.3125rem))"}}} -->
<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--30);font-size:var(--wp--preset--font-size--large, clamp(1.125rem, 1.4vw, 1.3125rem))">Priya Raghunathan</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"}},"typography":{"fontSize":"clamp(0.875rem, 1vw, 0.9375rem)","fontWeight":"600","letterSpacing":"0.12em","lineHeight":"1.35","textTransform":"uppercase"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);font-size:clamp(0.875rem, 1vw, 0.9375rem);font-weight:600;letter-spacing:0.12em;line-height:1.35;text-transform:uppercase">Founder, principal design</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))">Draws the ramp first and the colour last, which is why nothing here needs a palette.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"aspectRatio":"2/3","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<figure class="wp-block-image size-large" style="margin-top:0;margin-bottom:0"><img src="https://patternpaste.com/previews/_assets/portrait-16.jpg" alt="Studio portrait of a man in their 50s with receding short salt-and-pepper hair, wearing an olive shirt, against a warm grey background." style="aspect-ratio:2/3;object-fit:cover"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}},"typography":{"fontSize":"var(--wp--preset--font-size--large, clamp(1.125rem, 1.4vw, 1.3125rem))"}}} -->
<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--30);font-size:var(--wp--preset--font-size--large, clamp(1.125rem, 1.4vw, 1.3125rem))">Marcus Lyall</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"}},"typography":{"fontSize":"clamp(0.875rem, 1vw, 0.9375rem)","fontWeight":"600","letterSpacing":"0.12em","lineHeight":"1.35","textTransform":"uppercase"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);font-size:clamp(0.875rem, 1vw, 0.9375rem);font-weight:600;letter-spacing:0.12em;line-height:1.35;text-transform:uppercase">Design director</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))">Twenty years of print behind him, and it shows in every measure on the page.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"aspectRatio":"2/3","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<figure class="wp-block-image size-large" style="margin-top:0;margin-bottom:0"><img src="https://patternpaste.com/previews/_assets/portrait-05.jpg" alt="Studio portrait of a woman in their 50s with wavy dark hair to the shoulders with a few grey strands, wearing a charcoal blouse, against a warm grey background." style="aspect-ratio:2/3;object-fit:cover"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}},"typography":{"fontSize":"var(--wp--preset--font-size--large, clamp(1.125rem, 1.4vw, 1.3125rem))"}}} -->
<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--30);font-size:var(--wp--preset--font-size--large, clamp(1.125rem, 1.4vw, 1.3125rem))">Aoife Brennan</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"}},"typography":{"fontSize":"clamp(0.875rem, 1vw, 0.9375rem)","fontWeight":"600","letterSpacing":"0.12em","lineHeight":"1.35","textTransform":"uppercase"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);font-size:clamp(0.875rem, 1vw, 0.9375rem);font-weight:600;letter-spacing:0.12em;line-height:1.35;text-transform:uppercase">Lead engineer</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))">Writes the markup the checkers try hardest to break, then breaks it herself first.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:columns {"style":{"spacing":{"margin":{"top":"var:preset|spacing|60"},"blockGap":{"top":"var:preset|spacing|60","left":"var:preset|spacing|50"}}}} -->
<div class="wp-block-columns" style="margin-top:var(--wp--preset--spacing--60)"><!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"aspectRatio":"2/3","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<figure class="wp-block-image size-large" style="margin-top:0;margin-bottom:0"><img src="https://patternpaste.com/previews/_assets/portrait-02.jpg" alt="Studio portrait of a man in their 60s with medium-length swept-back silver hair, wearing a navy sweater, against a warm grey background." style="aspect-ratio:2/3;object-fit:cover"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}},"typography":{"fontSize":"var(--wp--preset--font-size--large, clamp(1.125rem, 1.4vw, 1.3125rem))"}}} -->
<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--30);font-size:var(--wp--preset--font-size--large, clamp(1.125rem, 1.4vw, 1.3125rem))">Tomas Lindqvist</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"}},"typography":{"fontSize":"clamp(0.875rem, 1vw, 0.9375rem)","fontWeight":"600","letterSpacing":"0.12em","lineHeight":"1.35","textTransform":"uppercase"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);font-size:clamp(0.875rem, 1vw, 0.9375rem);font-weight:600;letter-spacing:0.12em;line-height:1.35;text-transform:uppercase">Systems and typography</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))">Keeps the type scale honest across a serif theme and a sans one, without a fallback.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"aspectRatio":"2/3","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<figure class="wp-block-image size-large" style="margin-top:0;margin-bottom:0"><img src="https://patternpaste.com/previews/_assets/portrait-01.jpg" alt="Studio portrait of a woman in their 20s with short natural coily hair, wearing a charcoal shirt, against a warm grey background." style="aspect-ratio:2/3;object-fit:cover"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}},"typography":{"fontSize":"var(--wp--preset--font-size--large, clamp(1.125rem, 1.4vw, 1.3125rem))"}}} -->
<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--30);font-size:var(--wp--preset--font-size--large, clamp(1.125rem, 1.4vw, 1.3125rem))">Nadia Osei</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"}},"typography":{"fontSize":"clamp(0.875rem, 1vw, 0.9375rem)","fontWeight":"600","letterSpacing":"0.12em","lineHeight":"1.35","textTransform":"uppercase"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);font-size:clamp(0.875rem, 1vw, 0.9375rem);font-weight:600;letter-spacing:0.12em;line-height:1.35;text-transform:uppercase">Content strategy</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))">Decides what a section is for before anyone decides what it looks like.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column -->
<!-- wp:column -->
<div class="wp-block-column"><!-- wp:image {"aspectRatio":"2/3","scale":"cover","sizeSlug":"large","linkDestination":"none","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<figure class="wp-block-image size-large" style="margin-top:0;margin-bottom:0"><img src="https://patternpaste.com/previews/_assets/portrait-04.jpg" alt="Studio portrait of a man in their 40s with short dark hair, wearing a stone shirt, against a warm grey background." style="aspect-ratio:2/3;object-fit:cover"/></figure>
<!-- /wp:image -->
<!-- wp:heading {"level":3,"style":{"spacing":{"margin":{"top":"var:preset|spacing|30"}},"typography":{"fontSize":"var(--wp--preset--font-size--large, clamp(1.125rem, 1.4vw, 1.3125rem))"}}} -->
<h3 class="wp-block-heading" style="margin-top:var(--wp--preset--spacing--30);font-size:var(--wp--preset--font-size--large, clamp(1.125rem, 1.4vw, 1.3125rem))">Daniel Sato</h3>
<!-- /wp:heading -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"}},"typography":{"fontSize":"clamp(0.875rem, 1vw, 0.9375rem)","fontWeight":"600","letterSpacing":"0.12em","lineHeight":"1.35","textTransform":"uppercase"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);font-size:clamp(0.875rem, 1vw, 0.9375rem);font-weight:600;letter-spacing:0.12em;line-height:1.35;text-transform:uppercase">Client partner</p>
<!-- /wp:paragraph -->
<!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|20"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))"}}} -->
<p style="margin-top:var(--wp--preset--spacing--20);font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1.05vw, 1rem))">Reads the brief twice, then asks the question everyone else had been avoiding.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:column --></div>
<!-- /wp:columns -->
<!-- wp:group {"layout":{"type":"constrained","contentSize":"32rem","justifyContent":"left"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"var:preset|spacing|50","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1vw, 1rem))"}}} -->
<p style="margin-top:var(--wp--preset--spacing--50);margin-bottom:0;font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1vw, 1rem))">Roles rotate by project. The studio keeps no bench, so whoever is named on a piece of work is the person who made it.</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group -->
