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

Canonical: https://patternpaste.com/pattern/review-job-dockets.html
Section: Testimonials
Access: Included in Pattern Paste access.
Needs: 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.
Blocks: group, heading, paragraph
Keywords: reviews, testimonials, job, price, trades, local business, score

## Variations (2)

### Job dockets (the default)

Identical markup in every theme.

Your page ground and text; the dockets in the plate role with a head strip in your contrast colour and a dashed rule-role perforation.

### Spur

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

The Spur electrician and plumber set: switch white ground, the 4.9 score in Arial Black, white 4px-corner dockets under cable black strips with the job in signal yellow, a dashed slate perforation and the quote in Arial.


---

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

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

## What to change first

1. **The three jobs**: the job, postcode, price and time on site in the
   strip, then the quote and the name.
2. **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.
3. **Customer names.** First name and street only; ask before you publish.

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