Pattern Paste
Subscribe

Core Patterns Testimonials

FreeStandard

Testimonial trio

Three testimonials across, each a 1px currentColor card holding one quote and an attribution locked to a hairline at its foot, the speaker's portrait beside the name.

The quotes are deliberately unequal lengths and the cards are bottom-aligned, so the tops of the boxes step and the feet and their rules run level.

All patterns

Loading patterns…

Theme
Preview size
Look

Takes your theme’s colours and type.

Twenty Twenty-Five·1280px

Manrope typefacergb(255, 255, 255) ground1280px viewport

Start here

What to change first

  1. The three quotes. Replace them, and keep them unequal: one short, one long, one in between is what the composition is drawn around.
  2. The names, roles and faces. Keep each role line to one line at your widest layout.
  3. The label. "In their words" is a heading, so it is in your outline.
  4. The number of cards. Delete a column for two, duplicate one for four.
  5. The section's height. Padding is spacing preset 80 top and bottom.

The signature moment

Ragged tops, level feet

The quotes are deliberately unequal lengths and the cards are bottom-aligned, so the boxes step down across the row while their feet and their attribution rules run dead level. Every three-up testimonial section in the wild does the opposite: it either stretches the boxes to equal height, which leaves a pool of dead space under the short quote, or it trims the copy until all three are the same length, which is how testimonials come to sound written by one person.

Theme handoff

What comes from where

From your theme

  • The typeface.
  • Your colours.
  • Every rule and every border.
  • Your spacing scale.

Set by this pattern

  • Full bleed with its own measure.
  • The bottom alignment.
  • The card's internal ramp.
  • The attribution block is two lines in every card.
  • A portrait under each foot rule.
  • The border weight.

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 testimonials across, each in a bordered card, each carrying one quote and one attribution. It is the section that goes in the middle of a page, between the thing you offer and the thing you ask for, and it is built to sit between two neighbours it knows nothing about: it states its own ground and its own vertical padding and borrows air from neither side.

The signature moment: ragged tops, level feet

The quotes are deliberately unequal lengths and the cards are bottom-aligned, so the boxes step down across the row while their feet and their attribution rules run dead level. Every three-up testimonial section in the wild does the opposite: it either stretches the boxes to equal height, which leaves a pool of dead space under the short quote, or it trims the copy until all three are the same length, which is how testimonials come to sound written by one person.

This one keeps the real lengths. What holds the row together is the bottom edge: three feet on one line, three hairlines above three names on the same line, and above that a stepped top edge that tells you at a glance the three people said different amounts. Density contrast across one row, drawn with a single alignment decision and no colour at all.

The mechanism is core's own: the columns are vertically aligned to the bottom, so each column is as tall as its card and the row's baseline is its floor. It costs nothing, and below 782px, where core stacks the columns, the row becomes three cards down the page and the alignment quietly stops mattering.

Make it yoursVariations and the edits to make first

What to change first

  1. The three quotes. Replace them, and keep them unequal: one short, one long, one in between is what the composition is drawn around. If all three come back the same length the section still works and the signature is gone.
  2. The names, roles and faces. Keep each role line to one line at your widest layout. A role that wraps in one card and not the others pushes that card's hairline off the level, which is the one thing this section notices. Swap the three portraits for your own; each is a square head-and-shoulders chip, and a waist-up photograph squared from the middle loses the crown of the head.
  3. The label. "In their words" is a heading, so it is in your outline. Change the words or delete the block; the row below stands on its own.
  4. The number of cards. Delete a column for two, duplicate one for four. Four columns at 1240px puts the quotes on a narrow measure, so shorten them if you go that way.
  5. The section's height. Padding is spacing preset 80 top and bottom. Step it to 70 if it feels heavy against the sections above and below.

Variation

  • Ruled spines. The same three quotes with the boxes removed: each card keeps only a vertical currentColor hairline down its left edge, so the unequal quote lengths are drawn as three rules of three different lengths, all stopping on the same line. It is the structural axis, not the colour one: the ground, the type and the copy are identical to the base.
Theme behaviourInheritance, fixed decisions and contrast

What it inherits from your theme

  • The typeface. No font family is stated anywhere. The quotes take your body face and the tracked attribution takes it too, which is why the caps line reads as a small-caps label in a serif theme and as a spec label in a sans one.
  • Your colours. The section asks for base under contrast, the two slugs every stock block theme defines, each behind a fallback chain ending on a colour WordPress itself guarantees. Nothing here can resolve to nothing.
  • Every rule and every border. The card boxes and the attribution hairlines are currentColor. They are the text colour by definition, so they cannot blank, they cannot clash, and they invert with the section if you invert it.
  • Your spacing scale. The section's top and bottom padding and the gap above the row are spacing presets, so a theme with a generous scale gets a taller section without you touching it.

What it decides for itself

  • Full bleed with its own measure. The section spans the viewport and holds its content to 1240px, so it is a band on a page rather than another column inside the theme's.
  • The bottom alignment. This is the pattern. If you set the columns back to top or stretch, you have a competent three-up card row and no reason to buy it.
  • The card's internal ramp. The quote is set just above body size at a 1.6 line-height; the attribution is a size below it, tracked and set in caps, on its own rule. Nothing in the card is display size: three display quotes in one row shout over each other, which is what pull-quote is for, one at a time.
  • The attribution block is two lines in every card. Name, then role and company. Keeping the line count equal is what keeps the hairlines level, so the rules and the feet agree.
  • A portrait under each foot rule. A 5rem square frame hangs from the attribution hairline with the name and role beneath it. It sits ABOVE the name rather than beside it because the card is narrow: measured at 820px, a chip in the same row left the attribution about fourteen characters a line and the copy laddered into a ribbon. Stacked, the name keeps the card's full measure at every width, all three frames are the same size, and the feet stay level. An image states no colour, so the section still promises none.
  • The border weight. 1px, stated as a literal length, because there are no border presets at this catalogue's WordPress floor.
Technical notesBlock mechanics, responsive behaviour and constraints

Notes

  • Core blocks only: group, heading, columns, column, paragraph, image. No plugin, nothing to keep updated, and nothing that stops working if a script does.
  • The quotes are paragraphs rather than core/quote blocks on purpose. A blockquote arrives carrying its own theme decoration, usually a rule or an indent, and a second rule inside a bordered card fights the card. The section is a quote row; the block that says so lives in pull-quote.
  • The section paints its own ground rather than letting the page show through, so it reads as a band whichever pattern is above it. If you invert the ground, invert the text with it; the borders follow on their own.

Questions

Testimonial trio: common questions

Does Testimonial trio 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 Testimonial trio match my theme?

Choose by variation. Bordered cards and Ruled spines take your theme’s palette; Folio brings its own colours.

How many variations does Testimonial trio have?

3: Bordered cards, Folio and Ruled spines. Each is its own markup; choose one in the toolbar above the preview before you copy.

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 Testimonial trio free?

Yes. It is one of 62 free Core Patterns: copy it and it is yours to keep and edit.

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.

12,135 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:heading {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.875rem, 1vw, 0.9375rem)"}}} -->
<h2 class="wp-block-heading has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:0;margin-bottom:0;font-size:clamp(0.875rem, 1vw, 0.9375rem)">In their words</h2>
<!-- /wp:heading -->

<!-- wp:columns {"verticalAlignment":"bottom","style":{"spacing":{"margin":{"top":"var:preset|spacing|60"},"blockGap":{"top":"var:preset|spacing|40","left":"1.5rem"}}}} -->
<div class="wp-block-columns are-vertically-aligned-bottom" style="margin-top:var(--wp--preset--spacing--60)"><!-- wp:column {"verticalAlignment":"bottom"} -->
<div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:group {"style":{"border":{"width":"1px","color":"currentColor"},"spacing":{"padding":{"top":"clamp(1.75rem, 2.4vw, 2.5rem)","bottom":"clamp(1.75rem, 2.4vw, 2.5rem)","left":"clamp(1.375rem, 2vw, 2rem)","right":"clamp(1.375rem, 2vw, 2rem)"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border-color" style="border-color:currentColor;border-width:1px;padding-top:clamp(1.75rem, 2.4vw, 2.5rem);padding-right:clamp(1.375rem, 2vw, 2rem);padding-bottom:clamp(1.75rem, 2.4vw, 2.5rem);padding-left:clamp(1.375rem, 2vw, 2rem)"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(1.0625rem, 1.25vw, 1.1875rem))"}}} -->
<p style="margin-top:0;margin-bottom:0;font-size:var(--wp--preset--font-size--medium, clamp(1.0625rem, 1.25vw, 1.1875rem))">They shipped in six weeks what our last agency had been re-scoping since January.</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"border":{"top":{"color":"currentColor","style":"solid","width":"1px"}},"spacing":{"blockGap":"0.75rem","margin":{"top":"clamp(1.75rem, 2.4vw, 2.5rem)"},"padding":{"top":"clamp(1rem, 1.5vw, 1.375rem)"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-top-color:currentColor;border-top-style:solid;border-top-width:1px;margin-top:clamp(1.75rem, 2.4vw, 2.5rem);padding-top:clamp(1rem, 1.5vw, 1.375rem)"><!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"large","linkDestination":"none","width":"5rem","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<figure class="wp-block-image size-large is-resized" style="margin-top:0;margin-bottom:0"><img src="https://patternpaste.com/previews/_assets/portrait-18-head.jpg" alt="Head and shoulders of a woman in their 40s with long straight dark hair resting behind the shoulders, wearing a navy sweater, against a warm grey background." style="aspect-ratio:1;object-fit:cover;width:5rem"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0.3rem"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.9375rem, 1vw, 1rem)","lineHeight":"1.3","letterSpacing":"0.12em","textTransform":"uppercase","fontStyle":"normal","fontWeight":"600"},"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"}}} -->
<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:0;margin-bottom:0;font-size:clamp(0.9375rem, 1vw, 1rem);font-style:normal;font-weight:600;letter-spacing:0.12em;line-height:1.3;text-transform:uppercase">Priya Raghunathan</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1vw, 1rem))"}}} -->
<p style="margin-bottom:0;font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1vw, 1rem))">Head of digital, Meridian Rail</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom"} -->
<div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:group {"style":{"border":{"width":"1px","color":"currentColor"},"spacing":{"padding":{"top":"clamp(1.75rem, 2.4vw, 2.5rem)","bottom":"clamp(1.75rem, 2.4vw, 2.5rem)","left":"clamp(1.375rem, 2vw, 2rem)","right":"clamp(1.375rem, 2vw, 2rem)"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border-color" style="border-color:currentColor;border-width:1px;padding-top:clamp(1.75rem, 2.4vw, 2.5rem);padding-right:clamp(1.375rem, 2vw, 2rem);padding-bottom:clamp(1.75rem, 2.4vw, 2.5rem);padding-left:clamp(1.375rem, 2vw, 2rem)"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(1.0625rem, 1.25vw, 1.1875rem))"}}} -->
<p style="margin-top:0;margin-bottom:0;font-size:var(--wp--preset--font-size--medium, clamp(1.0625rem, 1.25vw, 1.1875rem))">The handover was the part I dreaded and it turned out to be the easy bit. Every page is built from the same set of sections, our editor learned them in an afternoon, and nobody has filed a ticket asking how to add a row since. That is the whole review.</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"border":{"top":{"color":"currentColor","style":"solid","width":"1px"}},"spacing":{"blockGap":"0.75rem","margin":{"top":"clamp(1.75rem, 2.4vw, 2.5rem)"},"padding":{"top":"clamp(1rem, 1.5vw, 1.375rem)"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-top-color:currentColor;border-top-style:solid;border-top-width:1px;margin-top:clamp(1.75rem, 2.4vw, 2.5rem);padding-top:clamp(1rem, 1.5vw, 1.375rem)"><!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"large","linkDestination":"none","width":"5rem","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<figure class="wp-block-image size-large is-resized" style="margin-top:0;margin-bottom:0"><img src="https://patternpaste.com/previews/_assets/portrait-16-head.jpg" alt="Head and shoulders 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:1;object-fit:cover;width:5rem"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0.3rem"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.9375rem, 1vw, 1rem)","lineHeight":"1.3","letterSpacing":"0.12em","textTransform":"uppercase","fontStyle":"normal","fontWeight":"600"},"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"}}} -->
<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:0;margin-bottom:0;font-size:clamp(0.9375rem, 1vw, 1rem);font-style:normal;font-weight:600;letter-spacing:0.12em;line-height:1.3;text-transform:uppercase">Tobias Lindqvist</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1vw, 1rem))"}}} -->
<p style="margin-bottom:0;font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1vw, 1rem))">Founder, Fold and Fettle</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom"} -->
<div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:group {"style":{"border":{"width":"1px","color":"currentColor"},"spacing":{"padding":{"top":"clamp(1.75rem, 2.4vw, 2.5rem)","bottom":"clamp(1.75rem, 2.4vw, 2.5rem)","left":"clamp(1.375rem, 2vw, 2rem)","right":"clamp(1.375rem, 2vw, 2rem)"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border-color" style="border-color:currentColor;border-width:1px;padding-top:clamp(1.75rem, 2.4vw, 2.5rem);padding-right:clamp(1.375rem, 2vw, 2rem);padding-bottom:clamp(1.75rem, 2.4vw, 2.5rem);padding-left:clamp(1.375rem, 2vw, 2rem)"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(1.0625rem, 1.25vw, 1.1875rem))"}}} -->
<p style="margin-top:0;margin-bottom:0;font-size:var(--wp--preset--font-size--medium, clamp(1.0625rem, 1.25vw, 1.1875rem))">Our traffic did not change much. What changed is that people finish reading, and the enquiries that arrive already know what they want to spend.</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"border":{"top":{"color":"currentColor","style":"solid","width":"1px"}},"spacing":{"blockGap":"0.75rem","margin":{"top":"clamp(1.75rem, 2.4vw, 2.5rem)"},"padding":{"top":"clamp(1rem, 1.5vw, 1.375rem)"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-top-color:currentColor;border-top-style:solid;border-top-width:1px;margin-top:clamp(1.75rem, 2.4vw, 2.5rem);padding-top:clamp(1rem, 1.5vw, 1.375rem)"><!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"large","linkDestination":"none","width":"5rem","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<figure class="wp-block-image size-large is-resized" style="margin-top:0;margin-bottom:0"><img src="https://patternpaste.com/previews/_assets/portrait-08-head.jpg" alt="Head and shoulders of a man in their 40s with shaved head, wearing an olive shirt, against a warm grey background." style="aspect-ratio:1;object-fit:cover;width:5rem"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0.3rem"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.9375rem, 1vw, 1rem)","lineHeight":"1.3","letterSpacing":"0.12em","textTransform":"uppercase","fontStyle":"normal","fontWeight":"600"},"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"}}} -->
<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:0;margin-bottom:0;font-size:clamp(0.9375rem, 1vw, 1rem);font-style:normal;font-weight:600;letter-spacing:0.12em;line-height:1.3;text-transform:uppercase">Nnamdi Okonkwo</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1vw, 1rem))"}}} -->
<p style="margin-bottom:0;font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1vw, 1rem))">Marketing lead, Harbour Six</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
Variation: Folio
13,450 bytes 
<!-- wp:group {"align":"full","style":{"color":{"background":"#f8f5ef","text":"#141517"},"spacing":{"padding":{"top":"var:preset|spacing|80","bottom":"var:preset|spacing|80","left":"clamp(1.25rem, 4vw, 4rem)","right":"clamp(1.25rem, 4vw, 4rem)"}},"typography":{"fontFamily":"Helvetica Neue, Helvetica, Arial, sans-serif","fontWeight":"400"}},"layout":{"type":"constrained","contentSize":"1240px"}} -->
<div class="wp-block-group alignfull has-text-color has-background" style="color:#141517;background-color:#f8f5ef;padding-top:var(--wp--preset--spacing--80);padding-right:clamp(1.25rem, 4vw, 4rem);padding-bottom:var(--wp--preset--spacing--80);padding-left:clamp(1.25rem, 4vw, 4rem);font-family:Helvetica Neue, Helvetica, Arial, sans-serif;font-weight:400"><!-- wp:paragraph {"style":{"border":{"left":{"color":"#c8432b","style":"solid","width":"3px"}},"color":{"text":"#5b5f66"},"spacing":{"margin":{"top":"0","bottom":"0"},"padding":{"left":"0.75rem"}},"typography":{"fontFamily":"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace","fontSize":"0.8125rem","fontWeight":"400","letterSpacing":"0.06em","lineHeight":"1.4","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="border-left-color:#c8432b;border-left-style:solid;border-left-width:3px;color:#5b5f66;padding-left:0.75rem;margin-top:0;margin-bottom:0;font-size:0.8125rem;font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-weight:400;letter-spacing:0.06em;line-height:1.4;text-transform:uppercase">Clients / 2019 to 2026</p>
<!-- /wp:paragraph -->

<!-- wp:heading {"style":{"color":{"text":"#141517"},"spacing":{"margin":{"top":"var:preset|spacing|30","bottom":"0"}},"typography":{"fontFamily":"Helvetica Neue, Helvetica, Arial, sans-serif","fontSize":"clamp(2rem, 4vw, 3.25rem)","fontWeight":"500","letterSpacing":"-0.02em","lineHeight":"1.05"}}} -->
<h2 class="wp-block-heading has-text-color" style="color:#141517;margin-top:var(--wp--preset--spacing--30);margin-bottom:0;font-size:clamp(2rem, 4vw, 3.25rem);font-family:Helvetica Neue, Helvetica, Arial, sans-serif;font-weight:500;letter-spacing:-0.02em;line-height:1.05">What they said afterwards.</h2>
<!-- /wp:heading -->

<!-- wp:columns {"verticalAlignment":"bottom","style":{"spacing":{"margin":{"top":"var:preset|spacing|60"},"blockGap":{"top":"var:preset|spacing|40","left":"1.5rem"}}}} -->
<div class="wp-block-columns are-vertically-aligned-bottom" style="margin-top:var(--wp--preset--spacing--60)"><!-- wp:column {"verticalAlignment":"bottom"} -->
<div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:group {"style":{"border":{"width":"1px","color":"#5b5f66"},"color":{"background":"#efe9df"},"spacing":{"padding":{"top":"clamp(1.75rem, 2.4vw, 2.5rem)","bottom":"clamp(1.75rem, 2.4vw, 2.5rem)","left":"clamp(1.375rem, 2vw, 2rem)","right":"clamp(1.375rem, 2vw, 2rem)"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border-color has-background" style="border-color:#5b5f66;border-width:1px;background-color:#efe9df;padding-top:clamp(1.75rem, 2.4vw, 2.5rem);padding-right:clamp(1.375rem, 2vw, 2rem);padding-bottom:clamp(1.75rem, 2.4vw, 2.5rem);padding-left:clamp(1.375rem, 2vw, 2rem)"><!-- wp:paragraph {"style":{"color":{"text":"#c8432b"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontFamily":"Helvetica Neue, Helvetica, Arial, sans-serif","fontSize":"5rem","fontWeight":"500","lineHeight":"0.75"}}} -->
<p class="has-text-color" style="color:#c8432b;margin-top:0;margin-bottom:0;font-size:5rem;font-family:Helvetica Neue, Helvetica, Arial, sans-serif;font-weight:500;line-height:0.75">&#8220;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"color":{"text":"#141517"},"spacing":{"margin":{"top":"0.75rem","bottom":"0"}},"typography":{"fontFamily":"Helvetica Neue, Helvetica, Arial, sans-serif","fontSize":"clamp(1.0625rem, 1.3vw, 1.25rem)","fontWeight":"400","lineHeight":"1.5"}}} -->
<p class="has-text-color" style="color:#141517;margin-top:0.75rem;margin-bottom:0;font-size:clamp(1.0625rem, 1.3vw, 1.25rem);font-family:Helvetica Neue, Helvetica, Arial, sans-serif;font-weight:400;line-height:1.5">She shot the Clifton house on one grey day and it looked the way the drawings did.</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"border":{"top":{"color":"#5b5f66","style":"solid","width":"1px"}},"spacing":{"blockGap":"0.25rem","margin":{"top":"clamp(1.75rem, 2.4vw, 2.5rem)"},"padding":{"top":"clamp(1rem, 1.5vw, 1.375rem)"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-top-color:#5b5f66;border-top-style:solid;border-top-width:1px;padding-top:clamp(1rem, 1.5vw, 1.375rem);margin-top:clamp(1.75rem, 2.4vw, 2.5rem)"><!-- wp:paragraph {"style":{"color":{"text":"#5b5f66"},"typography":{"fontFamily":"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace","fontSize":"0.8125rem","fontWeight":"400","letterSpacing":"0.06em","lineHeight":"1.45","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:#5b5f66;font-size:0.8125rem;font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-weight:400;letter-spacing:0.06em;line-height:1.45;text-transform:uppercase">FR 03 / Clifton / 2025</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"color":{"text":"#141517"},"typography":{"fontFamily":"Helvetica Neue, Helvetica, Arial, sans-serif","fontSize":"1rem","fontWeight":"500","lineHeight":"1.4"}}} -->
<p class="has-text-color" style="color:#141517;font-size:1rem;font-family:Helvetica Neue, Helvetica, Arial, sans-serif;font-weight:500;line-height:1.4">Tom Hale</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"color":{"text":"#5b5f66"},"typography":{"fontFamily":"Helvetica Neue, Helvetica, Arial, sans-serif","fontSize":"0.9375rem","fontWeight":"400","lineHeight":"1.4"}}} -->
<p class="has-text-color" style="color:#5b5f66;font-size:0.9375rem;font-family:Helvetica Neue, Helvetica, Arial, sans-serif;font-weight:400;line-height:1.4">Partner, Harbour &amp; Hale Architects</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom"} -->
<div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:group {"style":{"border":{"width":"1px","color":"#5b5f66"},"color":{"background":"#efe9df"},"spacing":{"padding":{"top":"clamp(1.75rem, 2.4vw, 2.5rem)","bottom":"clamp(1.75rem, 2.4vw, 2.5rem)","left":"clamp(1.375rem, 2vw, 2rem)","right":"clamp(1.375rem, 2vw, 2rem)"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border-color has-background" style="border-color:#5b5f66;border-width:1px;background-color:#efe9df;padding-top:clamp(1.75rem, 2.4vw, 2.5rem);padding-right:clamp(1.375rem, 2vw, 2rem);padding-bottom:clamp(1.75rem, 2.4vw, 2.5rem);padding-left:clamp(1.375rem, 2vw, 2rem)"><!-- wp:paragraph {"style":{"color":{"text":"#c8432b"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontFamily":"Helvetica Neue, Helvetica, Arial, sans-serif","fontSize":"5rem","fontWeight":"500","lineHeight":"0.75"}}} -->
<p class="has-text-color" style="color:#c8432b;margin-top:0;margin-bottom:0;font-size:5rem;font-family:Helvetica Neue, Helvetica, Arial, sans-serif;font-weight:500;line-height:0.75">&#8220;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"color":{"text":"#141517"},"spacing":{"margin":{"top":"0.75rem","bottom":"0"}},"typography":{"fontFamily":"Helvetica Neue, Helvetica, Arial, sans-serif","fontSize":"clamp(1.0625rem, 1.3vw, 1.25rem)","fontWeight":"400","lineHeight":"1.5"}}} -->
<p class="has-text-color" style="color:#141517;margin-top:0.75rem;margin-bottom:0;font-size:clamp(1.0625rem, 1.3vw, 1.25rem);font-family:Helvetica Neue, Helvetica, Arial, sans-serif;font-weight:400;line-height:1.5">Forty-two rooms in three days, then a 64-page book at the printer a month later. We are still using those pictures two years on, and nobody has asked for a reshoot.</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"border":{"top":{"color":"#5b5f66","style":"solid","width":"1px"}},"spacing":{"blockGap":"0.25rem","margin":{"top":"clamp(1.75rem, 2.4vw, 2.5rem)"},"padding":{"top":"clamp(1rem, 1.5vw, 1.375rem)"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-top-color:#5b5f66;border-top-style:solid;border-top-width:1px;padding-top:clamp(1rem, 1.5vw, 1.375rem);margin-top:clamp(1.75rem, 2.4vw, 2.5rem)"><!-- wp:paragraph {"style":{"color":{"text":"#5b5f66"},"typography":{"fontFamily":"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace","fontSize":"0.8125rem","fontWeight":"400","letterSpacing":"0.06em","lineHeight":"1.45","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:#5b5f66;font-size:0.8125rem;font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-weight:400;letter-spacing:0.06em;line-height:1.45;text-transform:uppercase">FR 11 / Porthleven / 2024</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"color":{"text":"#141517"},"typography":{"fontFamily":"Helvetica Neue, Helvetica, Arial, sans-serif","fontSize":"1rem","fontWeight":"500","lineHeight":"1.4"}}} -->
<p class="has-text-color" style="color:#141517;font-size:1rem;font-family:Helvetica Neue, Helvetica, Arial, sans-serif;font-weight:500;line-height:1.4">Mara Quinn</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"color":{"text":"#5b5f66"},"typography":{"fontFamily":"Helvetica Neue, Helvetica, Arial, sans-serif","fontSize":"0.9375rem","fontWeight":"400","lineHeight":"1.4"}}} -->
<p class="has-text-color" style="color:#5b5f66;font-size:0.9375rem;font-family:Helvetica Neue, Helvetica, Arial, sans-serif;font-weight:400;line-height:1.4">Brand lead, Kestrel Hotels</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom"} -->
<div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:group {"style":{"border":{"width":"1px","color":"#5b5f66"},"color":{"background":"#efe9df"},"spacing":{"padding":{"top":"clamp(1.75rem, 2.4vw, 2.5rem)","bottom":"clamp(1.75rem, 2.4vw, 2.5rem)","left":"clamp(1.375rem, 2vw, 2rem)","right":"clamp(1.375rem, 2vw, 2rem)"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group has-border-color has-background" style="border-color:#5b5f66;border-width:1px;background-color:#efe9df;padding-top:clamp(1.75rem, 2.4vw, 2.5rem);padding-right:clamp(1.375rem, 2vw, 2rem);padding-bottom:clamp(1.75rem, 2.4vw, 2.5rem);padding-left:clamp(1.375rem, 2vw, 2rem)"><!-- wp:paragraph {"style":{"color":{"text":"#c8432b"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontFamily":"Helvetica Neue, Helvetica, Arial, sans-serif","fontSize":"5rem","fontWeight":"500","lineHeight":"0.75"}}} -->
<p class="has-text-color" style="color:#c8432b;margin-top:0;margin-bottom:0;font-size:5rem;font-family:Helvetica Neue, Helvetica, Arial, sans-serif;font-weight:500;line-height:0.75">&#8220;</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"color":{"text":"#141517"},"spacing":{"margin":{"top":"0.75rem","bottom":"0"}},"typography":{"fontFamily":"Helvetica Neue, Helvetica, Arial, sans-serif","fontSize":"clamp(1.0625rem, 1.3vw, 1.25rem)","fontWeight":"400","lineHeight":"1.5"}}} -->
<p class="has-text-color" style="color:#141517;margin-top:0.75rem;margin-bottom:0;font-size:clamp(1.0625rem, 1.3vw, 1.25rem);font-family:Helvetica Neue, Helvetica, Arial, sans-serif;font-weight:400;line-height:1.5">Ada moved one bowl two inches and the whole shelf made sense.</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"border":{"top":{"color":"#5b5f66","style":"solid","width":"1px"}},"spacing":{"blockGap":"0.25rem","margin":{"top":"clamp(1.75rem, 2.4vw, 2.5rem)"},"padding":{"top":"clamp(1rem, 1.5vw, 1.375rem)"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-top-color:#5b5f66;border-top-style:solid;border-top-width:1px;padding-top:clamp(1rem, 1.5vw, 1.375rem);margin-top:clamp(1.75rem, 2.4vw, 2.5rem)"><!-- wp:paragraph {"style":{"color":{"text":"#5b5f66"},"typography":{"fontFamily":"ui-monospace, SFMono-Regular, Menlo, Consolas, monospace","fontSize":"0.8125rem","fontWeight":"400","letterSpacing":"0.06em","lineHeight":"1.45","textTransform":"uppercase"}}} -->
<p class="has-text-color" style="color:#5b5f66;font-size:0.8125rem;font-family:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;font-weight:400;letter-spacing:0.06em;line-height:1.45;text-transform:uppercase">FR 19 / Stroud / 2026</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"color":{"text":"#141517"},"typography":{"fontFamily":"Helvetica Neue, Helvetica, Arial, sans-serif","fontSize":"1rem","fontWeight":"500","lineHeight":"1.4"}}} -->
<p class="has-text-color" style="color:#141517;font-size:1rem;font-family:Helvetica Neue, Helvetica, Arial, sans-serif;font-weight:500;line-height:1.4">Jo Arden</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"color":{"text":"#5b5f66"},"typography":{"fontFamily":"Helvetica Neue, Helvetica, Arial, sans-serif","fontSize":"0.9375rem","fontWeight":"400","lineHeight":"1.4"}}} -->
<p class="has-text-color" style="color:#5b5f66;font-size:0.9375rem;font-family:Helvetica Neue, Helvetica, Arial, sans-serif;font-weight:400;line-height:1.4">Founder, Loam Ceramics</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
Variation: Ruled spines
11,799 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:heading {"style":{"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"},"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.875rem, 1vw, 0.9375rem)"}}} -->
<h2 class="wp-block-heading has-text-color" style="color:var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)));margin-top:0;margin-bottom:0;font-size:clamp(0.875rem, 1vw, 0.9375rem)">In their words</h2>
<!-- /wp:heading -->

<!-- wp:columns {"verticalAlignment":"bottom","style":{"spacing":{"margin":{"top":"var:preset|spacing|60"},"blockGap":{"top":"var:preset|spacing|40","left":"1.5rem"}}}} -->
<div class="wp-block-columns are-vertically-aligned-bottom" style="margin-top:var(--wp--preset--spacing--60)"><!-- wp:column {"verticalAlignment":"bottom"} -->
<div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:group {"style":{"border":{"left":{"color":"currentColor","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"0","bottom":"0","left":"clamp(1.25rem, 1.8vw, 1.75rem)","right":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-left-color:currentColor;border-left-style:solid;border-left-width:1px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:clamp(1.25rem, 1.8vw, 1.75rem)"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(1.0625rem, 1.25vw, 1.1875rem))"}}} -->
<p style="margin-top:0;margin-bottom:0;font-size:var(--wp--preset--font-size--medium, clamp(1.0625rem, 1.25vw, 1.1875rem))">They shipped in six weeks what our last agency had been re-scoping since January.</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"border":{"top":{"color":"currentColor","style":"solid","width":"1px"}},"spacing":{"blockGap":"0.75rem","margin":{"top":"clamp(1.75rem, 2.4vw, 2.5rem)"},"padding":{"top":"clamp(1rem, 1.5vw, 1.375rem)"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-top-color:currentColor;border-top-style:solid;border-top-width:1px;margin-top:clamp(1.75rem, 2.4vw, 2.5rem);padding-top:clamp(1rem, 1.5vw, 1.375rem)"><!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"large","linkDestination":"none","width":"5rem","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<figure class="wp-block-image size-large is-resized" style="margin-top:0;margin-bottom:0"><img src="https://patternpaste.com/previews/_assets/portrait-18-head.jpg" alt="Head and shoulders of a woman in their 40s with long straight dark hair resting behind the shoulders, wearing a navy sweater, against a warm grey background." style="aspect-ratio:1;object-fit:cover;width:5rem"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0.3rem"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.9375rem, 1vw, 1rem)","lineHeight":"1.3","letterSpacing":"0.12em","textTransform":"uppercase","fontStyle":"normal","fontWeight":"600"},"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"}}} -->
<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:0;margin-bottom:0;font-size:clamp(0.9375rem, 1vw, 1rem);font-style:normal;font-weight:600;letter-spacing:0.12em;line-height:1.3;text-transform:uppercase">Priya Raghunathan</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1vw, 1rem))"}}} -->
<p style="margin-bottom:0;font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1vw, 1rem))">Head of digital, Meridian Rail</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom"} -->
<div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:group {"style":{"border":{"left":{"color":"currentColor","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"0","bottom":"0","left":"clamp(1.25rem, 1.8vw, 1.75rem)","right":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-left-color:currentColor;border-left-style:solid;border-left-width:1px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:clamp(1.25rem, 1.8vw, 1.75rem)"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(1.0625rem, 1.25vw, 1.1875rem))"}}} -->
<p style="margin-top:0;margin-bottom:0;font-size:var(--wp--preset--font-size--medium, clamp(1.0625rem, 1.25vw, 1.1875rem))">The handover was the part I dreaded and it turned out to be the easy bit. Every page is built from the same set of sections, our editor learned them in an afternoon, and nobody has filed a ticket asking how to add a row since. That is the whole review.</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"border":{"top":{"color":"currentColor","style":"solid","width":"1px"}},"spacing":{"blockGap":"0.75rem","margin":{"top":"clamp(1.75rem, 2.4vw, 2.5rem)"},"padding":{"top":"clamp(1rem, 1.5vw, 1.375rem)"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-top-color:currentColor;border-top-style:solid;border-top-width:1px;margin-top:clamp(1.75rem, 2.4vw, 2.5rem);padding-top:clamp(1rem, 1.5vw, 1.375rem)"><!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"large","linkDestination":"none","width":"5rem","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<figure class="wp-block-image size-large is-resized" style="margin-top:0;margin-bottom:0"><img src="https://patternpaste.com/previews/_assets/portrait-16-head.jpg" alt="Head and shoulders 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:1;object-fit:cover;width:5rem"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0.3rem"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.9375rem, 1vw, 1rem)","lineHeight":"1.3","letterSpacing":"0.12em","textTransform":"uppercase","fontStyle":"normal","fontWeight":"600"},"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"}}} -->
<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:0;margin-bottom:0;font-size:clamp(0.9375rem, 1vw, 1rem);font-style:normal;font-weight:600;letter-spacing:0.12em;line-height:1.3;text-transform:uppercase">Tobias Lindqvist</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1vw, 1rem))"}}} -->
<p style="margin-bottom:0;font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1vw, 1rem))">Founder, Fold and Fettle</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column -->

<!-- wp:column {"verticalAlignment":"bottom"} -->
<div class="wp-block-column is-vertically-aligned-bottom"><!-- wp:group {"style":{"border":{"left":{"color":"currentColor","style":"solid","width":"1px"}},"spacing":{"padding":{"top":"0","bottom":"0","left":"clamp(1.25rem, 1.8vw, 1.75rem)","right":"0"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-left-color:currentColor;border-left-style:solid;border-left-width:1px;padding-top:0;padding-right:0;padding-bottom:0;padding-left:clamp(1.25rem, 1.8vw, 1.75rem)"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(1.0625rem, 1.25vw, 1.1875rem))"}}} -->
<p style="margin-top:0;margin-bottom:0;font-size:var(--wp--preset--font-size--medium, clamp(1.0625rem, 1.25vw, 1.1875rem))">Our traffic did not change much. What changed is that people finish reading, and the enquiries that arrive already know what they want to spend.</p>
<!-- /wp:paragraph -->

<!-- wp:group {"style":{"border":{"top":{"color":"currentColor","style":"solid","width":"1px"}},"spacing":{"blockGap":"0.75rem","margin":{"top":"clamp(1.75rem, 2.4vw, 2.5rem)"},"padding":{"top":"clamp(1rem, 1.5vw, 1.375rem)"}}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group" style="border-top-color:currentColor;border-top-style:solid;border-top-width:1px;margin-top:clamp(1.75rem, 2.4vw, 2.5rem);padding-top:clamp(1rem, 1.5vw, 1.375rem)"><!-- wp:image {"aspectRatio":"1","scale":"cover","sizeSlug":"large","linkDestination":"none","width":"5rem","style":{"spacing":{"margin":{"top":"0","bottom":"0"}}}} -->
<figure class="wp-block-image size-large is-resized" style="margin-top:0;margin-bottom:0"><img src="https://patternpaste.com/previews/_assets/portrait-08-head.jpg" alt="Head and shoulders of a man in their 40s with shaved head, wearing an olive shirt, against a warm grey background." style="aspect-ratio:1;object-fit:cover;width:5rem"/></figure>
<!-- /wp:image -->

<!-- wp:group {"style":{"spacing":{"blockGap":"0.3rem"}},"layout":{"type":"constrained"}} -->
<div class="wp-block-group"><!-- wp:paragraph {"style":{"spacing":{"margin":{"top":"0","bottom":"0"}},"typography":{"fontSize":"clamp(0.9375rem, 1vw, 1rem)","lineHeight":"1.3","letterSpacing":"0.12em","textTransform":"uppercase","fontStyle":"normal","fontWeight":"600"},"color":{"text":"var(--wp--preset--color--role-label, var(--wp--preset--color--contrast, var(--wp--preset--color--black)))"}}} -->
<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:0;margin-bottom:0;font-size:clamp(0.9375rem, 1vw, 1rem);font-style:normal;font-weight:600;letter-spacing:0.12em;line-height:1.3;text-transform:uppercase">Nnamdi Okonkwo</p>
<!-- /wp:paragraph -->

<!-- wp:paragraph {"style":{"spacing":{"margin":{"bottom":"0"}},"typography":{"fontSize":"var(--wp--preset--font-size--medium, clamp(0.9375rem, 1vw, 1rem))"}}} -->
<p style="margin-bottom:0;font-size:var(--wp--preset--font-size--medium, clamp(0.9375rem, 1vw, 1rem))">Marketing lead, Harbour Six</p>
<!-- /wp:paragraph --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:group --></div>
<!-- /wp:column --></div>
<!-- /wp:columns --></div>
<!-- /wp:group -->
Back to Core Patterns

Continue exploring

Next in Testimonials

Explore all 17 Testimonials patterns

Notes from the Table rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTestimonialsNo plugin needed

Notes from the Table

Four warm guest quotations sit in offset framed cards beneath a conversational introduction.

TestimonialsPreview pattern
Quote wall rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTestimonialsNo plugin needed

Quote wall

Eight short testimonials at reading size in three columns of unequal width, three, two and three, each quote hanging under a currentColor hairline with a small portrait and its name tracked beneath it, eight distinct faces.

TestimonialsPreview pattern
Review job dockets rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveTestimonialsNo plugin needed

Review job dockets

Reviews for a trade, each filed against the job it was for: a header with the average score beside the heading, then three docket cards whose inverted head strip names the job, the postcode, the price and the time on site above a dashed perforation, the customer's words and their name and street.

TestimonialsPreview pattern