Pattern Paste
Subscribe

Core Patterns Testimonials

Catalogue accessStandard

Reviews score cutout

Four short reviews wrap around a large central score within one ruled composition.

Unequal voice fields hold the edges while the score, review count and source occupy the open middle.

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

Replace every excerpt, attribution, score, count and source with verified review data and set the review link. The visible sample label identifies all copy and figures as fictional examples; they make no claim about a real business.

Core blocks only. No script, custom CSS, font file or required plugin.

The signature moment

The score occupies the space left between the voices

The left and right review fields sit at different heights, leaving a central cutout for the large score. Shared outer rules join the composition without separate cards. On a phone, the left voices precede the score and the right voices follow it.

Theme handoff

What comes from where

From your theme

The Core payload uses the theme’s base and contrast chains, currentColor rules, its typefaces and heading ladder. Text is intended for 4.5:1 contrast, or 3:1 at large display sizes; the rendered checks measure the actual pairs. Headings and links follow the root painter. The inherited Core payload is the theme route for this composition.

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

Four short reviews wrap around a large central score within one ruled composition. Unequal voice fields hold the edges while the score, review count and source occupy the open middle.

The signature moment: the score occupies the space left between the voices

The left and right review fields sit at different heights, leaving a central cutout for the large score. Shared outer rules join the composition without separate cards. On a phone, the left voices precede the score and the right voices follow it.

Make it yoursVariations and the edits to make first

What to change first

Replace every excerpt, attribution, score, count and source with verified review data and set the review link. The visible sample label identifies all copy and figures as fictional examples; they make no claim about a real business.

Core blocks only. No script, custom CSS, font file or required plugin.

Theme behaviourInheritance, fixed decisions and contrast

What it inherits from your theme

The Core payload uses the theme’s base and contrast chains, currentColor rules, its typefaces and heading ladder. Text is intended for 4.5:1 contrast, or 3:1 at large display sizes; the rendered checks measure the actual pairs. Headings and links follow the root painter. The inherited Core payload is the theme route for this composition.

Display type

The score uses clamp(4.5rem, 10vw, 10rem), the visual centre of the composition. Review excerpts use clamp(1.25rem, 2.1vw, 1.75rem), names and provenance labels 15px. The heading follows the theme ladder.

Technical notesBlock mechanics, responsive behaviour and constraints

The Styled look

Mint ground #E1F0E5, dark green ink #273329 and umber accent #644A32; Arial score and labels with Georgia review voices and heading, plus an underlined umber review link. Every button is deliberately filled or underlined, with its own padding. The root states a 400 body weight.

Questions

Reviews score cutout: common questions

Does Reviews score cutout need a plugin?

No. It is built only from core WordPress blocks (button, buttons, column, columns, group, heading and paragraph), so it pastes into the block editor with nothing to install.

Will Reviews score cutout match my theme?

Choose by variation. Voices around a score takes your theme’s palette; Mint and umber brings its own colours.

How many variations does Reviews score cutout have?

2: Voices around a score and Mint and umber. Each is its own markup; choose one in the toolbar above the preview before you copy.

Is Reviews score cutout free?

It is included with a subscription, with every Core Pattern and variation. 62 Core Patterns are free to copy without one.

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

8.7KB of core-block markup, 7 blocks (button, buttons, column, columns, group, heading, paragraph), and nothing else: paste it into the block editor and it becomes editable blocks wearing your theme.

Subscribe to copy it, £49 a yearWhat you copy is yours forever. Not for you? We refund within 14 days.

Back to Core Patterns