Testimonial metric

One high-conviction client quote anchored by a display-scale outcome metric, two up. It is built for case study and conversion pages where social proof needs to carry quantifiable evidence alongside the voice.

The metric figure is set at display scale in a 36% column, anchoring the entire composition, while the quote runs expansive in the wide column beside it. The visitor reads the hard outcome first (+340%), then the editorial verdict that explains how it happened, and finally the attribution on its hairline.

That is what separates it from the rest of the section. testimonial-band is an inverted text-only statement; testimonial-portrait is a quote stepping down to a photograph; testimonial-trio is three bottom-aligned cards. This one is the only pattern in the section that pairs quantified telemetry directly with a client voice.

• Inverted plate (variations/inverted-plate.html) puts the metric inside a dark contrast plate with base type, giving strong tonal separation between the outcome number and the customer quote.

• The typeface. No font family is stated anywhere, including on the giant metric. It renders in your theme's primary face.
• Your colours. The ground asks for base and the text for contrast, both behind fallback chains that end on a colour WordPress guarantees.
• The attribution hairline. It is currentColor, matching your text colour across all themes.
• Your spacing scale. Padding and block gaps use spacing presets, scaling with your theme's typography scale.

• Full bleed with its own 1240px container. Spans the viewport while keeping line lengths comfortable.
• The 36/64 column ratio. Balances the oversized stat figure with a generous measure for the client quote.
• The display metric. clamp(3.5rem, 6.5vw, 5.5rem) with line-height: 1 and tight tracking so the figure sits compact and punchy.
• The quote ramp. Set at var(--wp--preset--font-size--large, clamp(1.25rem, 1.85vw, 1.6875rem)) with a 1.45 line-height so it reads as a strong editorial statement.
• One portrait, on the attribution rule. A 6.5rem square frame sits beside the name on the hairline under the quote. It is deliberately the second face of the section after the figure: the number is still the picture, and the portrait is what makes the number somebody's. It states no colour, so the Inverted plate variation is unaffected.

Off the theme's ladder on purpose, because the size is the composition:

• paragraph at clamp(3.5rem, 6.5vw, 5.5rem)

1. The metric and its label. Change +340% and the context label beneath it to reflect your customer's measured outcome.
2. The quote. 40 to 65 words is optimal for the 64% column measure.
3. The attribution. Replace Elena Rostova, the title/organisation line and the portrait beside them. It is a square crop of a head-and-shoulders photograph, not a centre crop of a full-length one: a waist-up frame squared from the middle loses the crown of the head and reads as a torso at this size.
4. The eyebrow. "Proven outcomes" is an uppercase label paragraph. Edit or delete it.

• Core blocks only: group, columns, column, paragraph, image. No scripts or custom CSS.
• Every color is a fallback chain ending in universal presets.
• The stat figure is display-sized and judged at 3:1 contrast; all body and attribution text is judged at 4.5:1.