Review job dockets

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

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.

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.

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

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

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.

• Core blocks only: group, heading, paragraph. No plugin, nothing to keep updated.