Reviews score cutout: WordPress Block Pattern, Pattern Paste Canonical: https://patternpaste.com/pattern/reviews-score-cutout.html Core Patterns (https://patternpaste.com/patterns/) Testimonials (https://patternpaste.com/patterns/testimonials/) Catalogue access Standard # 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 Search patterns Loading patterns… 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. 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 year (https://patternpaste.com/account/#plan) What you copy is yours forever. Not for you? We refund within 14 days. Back to Core Patterns (https://patternpaste.com/patterns/) Catalogue access ### £49 a year All patterns, variations and theme downloads. What you copy is yours forever. Not for you? We refund within 14 days. Subscribe, £49 a year (https://patternpaste.com/account/#plan) Sign in (https://patternpaste.com/account/) Everything you copy is yours to keep, forever, on any site; access to the rest of the library runs while you subscribe. Not for you? Tell us within 14 days of a payment and we refund you. After that, cancelling stops the next renewal and access runs to the end of the year you have paid for. Prices are in pounds and are the full price in the UK, the US and eleven other countries; elsewhere the checkout adds your local VAT or sales tax. The terms name every country. #### Pair with Hero Hero aperture An opening section on your theme's own paper: a tracked line, a display headline, one short paragraph on a reading measure, and then a picture that stops short of the edge on every side. The signature is the margin: the image is a window cut in the page rather than a band across it, and the paper around it is what you notice. A small opaque plate in the picture's bottom-right corner carries the caption, so no type ever sits on the photograph. The still-image version includes an example photograph; select your own clip for the video version. States no colour and no font of its own. (https://patternpaste.com/pattern/hero-aperture.html)Stats Arisings recycled figures A figures section on an inverted slab where one number carries it: a percentage set at display size over a heading that finishes the sentence and a short note, beside a tall photograph. Under it three ruled tiles break the figure down, each a large percentage, a heading and a line, with a second photograph as the fourth tile. Four across on a wide screen, two on a tablet, one on a phone. States no colour and no font of its own. (https://patternpaste.com/pattern/arisings-recycled-figures.html)Pricing Donate impact tiers Four donation cards for a charity, each amount set at display size over what it pays for, one plain line of how, and a Donate button on the foot. The third card is inverted as the most given gift, and a note under the cards carries the charity number, Gift Aid and a link to give another amount. States no colour and no font of its own. (https://patternpaste.com/pattern/donate-impact-tiers.html) #### Before you paste 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. How we test patterns (https://patternpaste.com/how-we-test/) ## Specifications Section Testimonials Access Subscription Plugin None, core blocks only Variations 2 Colour From your theme or its own palette Type From your theme or its own type Motion None Blocks button, buttons, column, columns, group, heading, paragraph Presets color 4, spacing 1, font-size 1 WordPress 7.0+ Continue exploring ## Next in Testimonials Explore all 17 Testimonials patterns (https://patternpaste.com/patterns/testimonials/) Shot in Twenty Twenty-Five Testimonials No 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. Testimonials Preview pattern (https://patternpaste.com/pattern/review-job-dockets.html) Shot in Twenty Twenty-Five Testimonials No plugin needed ### Reviews score summary A review summary for a local business. Testimonials Preview pattern (https://patternpaste.com/pattern/reviews-score-summary.html) Shot in Twenty Twenty-Five Testimonials No plugin needed ### Testimonial band One client quote on a full-bleed inverted band: an oversized opening quotation mark hangs in its own margin column while the quote itself runs the full width of the band, and the attribution sits on a currentColor hairline beneath it, the speaker's portrait beside the name tracked wide at one end and the role at the other. Testimonials Preview pattern (https://patternpaste.com/pattern/testimonial-band.html)