Pattern Paste
Subscribe

Core Patterns How it works

Catalogue accessStandard

TPO permission steps

A four-step process on an inverted slab for work that needs the council's consent: each step opens with an oversized numeral and a timescale badge on a hairline, then a heading and a short line.

A heading under the steps gives the whole wait, beside a button and a call link. The steps run four across, two on a tablet and one on a phone.

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 council and the timescales, if you work under a different authority.
  2. The closing line: your usual total wait.
  3. 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

  1. The council and the timescales, if you work under a different authority.
  2. The closing line: your usual total wait.
  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. Inverted: your contrast ground with base type, numerals and hairlines; the badges are base with contrast type; the button is inverted to base with contrast type 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

20KB of core-block markup, 5 blocks (button, buttons, 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 yearWhat you copy is yours forever. Not for you? We refund within 14 days.

Back to Core Patterns