Pattern Paste
Subscribe

Core Patterns Features

Catalogue accessStandard

Services tree work glossary

A services section written as a glossary: an oversized heading and a short line, then a ruled ledger of six trade terms, each set large with its from price beneath and a plain-English line beside it, next to two stacked photographs.

A note on prices and a survey button close the ledger. On a phone the photographs follow the ledger and each term sits over its line.

All patterns

Loading patterns…

Theme
Preview size
Look

Takes your theme’s colours and type.

Twenty Twenty-Five·1280px

Manrope typefacergb(255, 255, 255) ground1280px viewport

Start here

What to change first

  1. The six terms, lines and from prices, in the words you use on a survey.
  2. The photographs: your own work, a pile of cut branches and a ground stump are what the base shows.
  3. The phone number on the call link (it dials the number it shows).

The signature moment

The trade's words set large, each answered in one plain line

Six ruled entries under a heavy rule, each a large term with its from price beneath and a plain-English line beside it. Every entry is a grid that holds the term and the line side by side where there is room and stacks them where there is not, so the ledger never squeezes a definition into a sliver. Two photographs of the work stand beside the ledger.

Theme handoff

What comes from where

From your theme

  • Typeface.
  • Palette.

Set by this pattern

  • The heading.
  • The terms.
  • The prices.

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

A services section for a trade whose customers do not know the words. Each service is a term set large, as a glossary would, with its from price under it and one plain line beside it saying what actually happens to the tree. It sits in the features section beside the card grids, and in pricing beside price-list-treatments (time and price read down) and fixed-price-job-board (every job wears a tag): here the word is the heading and the price is secondary.

The signature moment: the trade's words set large, each answered in one plain line

Six ruled entries under a heavy rule, each a large term with its from price beneath and a plain-English line beside it. Every entry is a grid that holds the term and the line side by side where there is room and stacks them where there is not, so the ledger never squeezes a definition into a sliver. Two photographs of the work stand beside the ledger.

Make it yoursVariations and the edits to make first

What to change first

  1. The six terms, lines and from prices, in the words you use on a survey.
  2. The photographs: your own work, a pile of cut branches and a ground stump are what the base shows.
  3. The phone number on the call link (it dials the number it shows).
Theme behaviourInheritance, fixed decisions and contrast

What it inherits from your theme

  • Typeface. The base states no font family.
  • Palette. Your base ground and contrast type; a 2px contrast rule over the ledger and role-rule hairlines between entries; the prices and label on role-label, the call link on role-link, all falling back to contrast. The survey button is your theme's button with a stated padding.

What it decides for itself

  • The heading. A bare clamp, about 34px on a phone and 68px wide.
  • The terms. A clamp near 1.75 to 2.5rem: the ledger is the second mass on the page, not a caption.
  • The prices. 20px bold, so a coloured price stays legible as large text.
Technical notesBlock mechanics, responsive behaviour and constraints

The Bough look

Part of the Bough Pattern Set, a tree surgeon in Brimscombe Port, Stroud. Here the section is the lichen-green #d5e1cc band: forest #15301c terms in a Rockwell slab stack at 700, leaf-green #2e6b3a from prices at 20px bold (4.7:1), moss #40564a lines in Trebuchet MS, #c3d0bb hairlines under a 2px forest rule, and a filled forest button with 4px corners. The small label on this band is forest. Take the base for your theme's colours, or the look's Use my theme chip.

Notes

  • Core blocks only: group, columns, image, heading, paragraph, buttons.
  • Two photographs, from the WordPress.org Photo Directory (CC0).

Questions

Services tree work glossary: common questions

Does Services tree work glossary need a plugin?

No. It is built only from core WordPress blocks (button, buttons, column, columns, group, heading, image and paragraph), so it pastes into the block editor with nothing to install.

Will Services tree work glossary match my theme?

Choose by variation. Glossary takes your theme’s palette; Bough brings its own colours.

How many variations does Services tree work glossary have?

2: Glossary and Bough. Each is its own markup; choose one in the toolbar above the preview before you copy.

Can I use my own images?

Yes. Sample images stay in the copied blocks. Replace them in WordPress; pasting does not upload them to your Media Library.

Is Services tree work glossary free?

It is included with a subscription, with every Core Pattern and variation. 62 Core Patterns are free to copy without one.

The markup

20KB of core-block markup, 8 blocks (button, buttons, column, columns, group, heading, image, paragraph), and nothing else: paste it into the block editor and it becomes editable blocks wearing your theme.

Subscribe to copy it, £119 a yearWhat you copy is yours forever. Not for you? We refund within 14 days.

Back to Core Patterns

Continue exploring

Next in Features

Explore all 37 Features patterns Also in Pricing

Services photo cards rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Services photo cards

Six service cards for a trade or local business, each a 4:3 photograph, the service name, one line of what is included and a starting price set larger than the name, on a ruled foot beside its booking link.

FeaturesPreview pattern
Values three principles rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Values three principles

An about-page values band.

FeaturesPreview pattern
Venue spaces capacity rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveFeaturesNo plugin needed

Venue spaces capacity

Three hireable spaces for an events venue, each a photograph, the room name, its standing and seated capacity set as two display figures between rules, a line of what is included and an Enquire button on the foot.

FeaturesPreview pattern