Start here
What to change first
- The council and the timescales, if you work under a different authority.
- The closing line: your usual total wait.
- The phone number on the call link (it dials the number it shows).
The signature moment
Every step carries its wait as a badge beside an oversized numeral
Each step opens with a numeral set at display size and, level with its foot, a small badge naming how long that step takes: same day, 1 to 2 days, 6 to 8 weeks, within 3 weeks. A heading under the steps adds them up. The steps are a grid from a 16rem minimum, four across, two on a tablet, one on a phone.
Theme handoff
What comes from where
From your theme
- Typeface.
- Palette.
Set by this pattern
- The numerals.
- The heading.
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
The four steps between "can you take this tree down?" and the saw, for a tree under a Tree Preservation Order or in a conservation area. It is a reassurance section: the customer sees that the paperwork is ours and how long the wait is. It sits in the steps section beside steps-run (a thread between numerals), steps-ledger (a printed schedule) and first-visit-to-scale (a visit drawn to scale): none gives each step its own timescale badge.
The signature moment: every step carries its wait as a badge beside an oversized numeral
Each step opens with a numeral set at display size and, level with its foot, a small badge naming how long that step takes: same day, 1 to 2 days, 6 to 8 weeks, within 3 weeks. A heading under the steps adds them up. The steps are a grid from a 16rem minimum, four across, two on a tablet, one on a phone.
Make it yoursVariations and the edits to make first
What to change first
- The council and the timescales, if you work under a different authority.
- The closing line: your usual total wait.
- 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. Inverted: your
contrastground withbasetype, numerals and hairlines; the badges arebasewithcontrasttype; the button is inverted tobasewithcontrasttype so it reads on the slab, and the call link follows the text colour.
What it decides for itself
- The numerals. A bare clamp from 72px to 128px: their size is the composition.
- The heading. A bare clamp, about 34px on a phone.
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 forest #15301c slab: birch-bark #e8eee2 type, light leaf-green #9fd08a numerals and labels (8.1:1 on forest), leaf-green timescale badges with forest type and 2px corners, #3d6647 hairlines, a Rockwell slab stack over Trebuchet MS, and a filled hi-vis orange button with forest type and 4px corners. Take the base for your theme's colours, or the look's Use my theme chip.
Notes
- Core blocks only: group, heading, paragraph, buttons.
- No photograph.
Questions
TPO permission steps: common questions
Does TPO permission steps need a plugin?
No. It is built only from core WordPress blocks (button, buttons, group, heading and paragraph), so it pastes into the block editor with nothing to install.
Will TPO permission steps match my theme?
Choose by variation. Permission steps takes your theme’s palette; Bough brings its own colours.
How many variations does TPO permission steps have?
2: Permission steps and Bough. Each is its own markup; choose one in the toolbar above the preview before you copy.
Is TPO permission steps 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.
The markup
Core block markup and nothing else. Copy it, then paste it straight into the block editor: WordPress reads the delimiters and rebuilds the blocks.
Fetching the markup…
Variation: Bough
Fetching the markup…