Review job dockets: WordPress Block Pattern, Pattern Paste Canonical: https://patternpaste.com/pattern/review-job-dockets.html Core Patterns (https://patternpaste.com/patterns/) Testimonials (https://patternpaste.com/patterns/testimonials/) Catalogue access Standard # 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. ## All patterns Search patterns Loading patterns… Start here ## What to change first - The three jobs: the job, postcode, price and time on site in the strip, then the quote and the name. - The score and the count. 4.9 from 212 reviews is example copy; put your own figures here and name where they come from if you quote a review site. - Customer names. First name and street only; ask before you publish. The signature moment ## Every review is filed against the job it was for, what it cost and how long we were there Three docket cards, each headed by an inverted strip carrying the job, the postcode, the price and the time on site, then a dashed perforation like a tear-off docket, then the customer's words and their name and street. The reviews prove the price board: a reader sees what the last outside tap cost before they ring about theirs. The average score sits beside the heading. Theme handoff ## What comes from where ### From your theme - Typeface. - Palette. ### Set by this pattern - The grid. - The score. 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 Reviews for a plumber, an electrician or any trade whose customers want to know what a job like theirs cost: each review is filed against its own job. It sits in the testimonials section beside testimonial-ratings (a star badge on each card), testimonial-metric (one outcome figure), reviews-score-summary (the score first) and testimonial-trio (ragged tops). ### The signature moment: every review is filed against the job it was for, what it cost and how long we were there Three docket cards, each headed by an inverted strip carrying the job, the postcode, the price and the time on site, then a dashed perforation like a tear-off docket, then the customer's words and their name and street. The reviews prove the price board: a reader sees what the last outside tap cost before they ring about theirs. The average score sits beside the heading. Make it yoursVariations and the edits to make first ### What to change first - The three jobs: the job, postcode, price and time on site in the strip, then the quote and the name. - The score and the count. 4.9 from 212 reviews is example copy; put your own figures here and name where they come from if you quote a review site. - Customer names. First name and street only; ask before you publish. Theme behaviourInheritance, fixed decisions and contrast ### What it inherits from your theme - Typeface. The base states no font family. - Palette. Your page ground and text. The dockets take the plate role, falling to base, with contrast text; each head strip is an inverted band in your contrast colour with base text; the perforation is a dashed line in the rule role. ### What it decides for itself - The grid. Dockets on a 19rem minimum column: three across on a wide screen, never an empty fourth track, two at tablet width, one on a phone. - The score. About 52px on a phone, 88px from 1280 up. Technical notesBlock mechanics, responsive behaviour and constraints ### The Spur look Part of the Spur Pattern Set, an electrician and plumber in Beeston, Nottingham: switch white ground #f2f3ef, a fuse grey band #e2e7ec, card white #ffffff and a cable black slab #14181c; cable black ink, slate #4a535b for secondary copy, live blue #1747c9 labels and primary buttons, conduit hairlines #c5ccd2, and signal yellow #ffd21a kept for emergencies. Headings and figures are Arial Black at 900; body, labels and buttons Arial. Cards and buttons have 4px corners, tags 2px. Here the dockets sit on switch white under cable black strips, the job named in signal yellow on the black, over a dashed slate perforation. Every text pair is measured on the ground it is painted on. Take the base for your theme's colours, or the look's Use my theme chip. ### Notes - Core blocks only: group, heading, paragraph. No plugin, nothing to keep updated. Questions ## Review job dockets: common questions Does Review job dockets need a plugin? No. It is built only from core WordPress blocks (group, heading and paragraph), so it pastes into the block editor with nothing to install. Will Review job dockets match my theme? Choose by variation. Job dockets takes your theme’s palette; Spur brings its own colours. How many variations does Review job dockets have? 2: Job dockets and Spur. Each is its own markup; choose one in the toolbar above the preview before you copy. Is Review job dockets 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. 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. 18KB of core-block markup, 3 blocks (group, heading, paragraph), and nothing else: paste it into the block editor and it becomes editable blocks wearing your theme. Subscribe to copy it, £119 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 ### £119 a year All patterns, variations and theme downloads. What you copy is yours forever. Not for you? We refund within 14 days. Subscribe, £119 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. 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 group, heading, paragraph Presets spacing 2, color 8, font-size 2 WordPress 7.0+ Continue exploring ## Next in Testimonials Explore all 16 Testimonials patterns (https://patternpaste.com/patterns/testimonials/) Shot in Twenty Twenty-Five Testimonials No plugin needed ### Quote wall Eight short testimonials at reading size in three columns of unequal width, three, two and three, each quote hanging under a currentColor hairline with a small portrait and its name tracked beneath it, eight distinct faces. Testimonials Preview pattern (https://patternpaste.com/pattern/quote-wall.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)