# 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. States no colour and no font of its own.

Canonical: https://patternpaste.com/pattern/reviews-score-cutout.html
Section: Testimonials
Access: Included in Pattern Paste access.
Needs: 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.
Blocks: button, buttons, column, columns, group, heading, paragraph
Keywords: reviews, rating, customer, score

## Variations (2)

### Voices around a score (the default)

Identical markup in every theme.

Your theme’s ground, text, type and button treatment, with the composition and spacing retained.

### Mint and umber

This variation states its own colours and states its own type: identical in every theme.

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.


---

## 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.

## 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.

## 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.

## 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.