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
Core block markup and nothing else. Copy it, then paste it straight into the block editor: WordPress reads the delimiters and rebuilds the blocks.
Fetching the markup…Variation: Mint and umber
Fetching the markup…