Pattern Paste
Subscribe

Core Patterns How it works

Catalogue accessStandard

Process delivery manifest

A three-phase handoff unfolds through nested document frames: the brief contains the proof, and the proof contains the final delivery.

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

The signature moment

Each handoff nests inside the promise before it

Each completed promise opens the next frame inside it. The left edges step inward while the right edge stays shared, making the cumulative handoff visible. Shallow fluid indents keep the innermost copy usable on a phone.

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 three-phase handoff unfolds through nested document frames: the brief contains the proof, and the proof contains the final delivery.

The signature moment: each handoff nests inside the promise before it

Each completed promise opens the next frame inside it. The left edges step inward while the right edge stays shared, making the cumulative handoff visible. Shallow fluid indents keep the innermost copy usable on a phone.

Theme behaviourInheritance, fixed decisions and contrast

Display type

Phase identifiers are 15px display labels, monospace in the Styled look. Headings follow the theme ladder and handoff copy follows medium. Bold inline labels distinguish what the buyer sends from what they receive.

Technical notesBlock mechanics, responsive behaviour and constraints

Theme inheritance

The Core payload follows the theme’s base ground, contrast ink, heading face and button treatment. Its painter lets heading and link colour follow a recolour. Text is intended for 4.5:1 contrast, with 3:1 reserved for large display type.

Styled look

Pale blue #E5F0F6, slate #253238 and russet #963C26, with Arial text and Courier phase labels. The final inset and square action use russet. Every action is deliberately filled or underlined. The Core payload preserves the same layout as the theme route.

Editing

Edit the three phase groups from the inside out. Keep the short supply and receive statements concrete, and update the final action destination. No phase needs a plug-in or interactive control.

Questions

Process delivery manifest: common questions

Does Process delivery manifest 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 Process delivery manifest match my theme?

Choose by variation. Theme takes your theme’s palette; Pale blue and russet brings its own colours.

How many variations does Process delivery manifest have?

2: Theme and Pale blue and russet. Each is its own markup; choose one in the toolbar above the preview before you copy.

Is Process delivery manifest 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 to 7.1. 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

9.4KB 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, £49 a yearWhat you copy is yours forever. Not for you? We refund within 14 days.

Back to Core Patterns

Continue exploring

Next in How it works

Explore all 9 How it works patterns

Steps cover stair rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHow it worksNo plugin needed

Steps cover stair

A full-bleed cover with a heavy veil of your theme's contrast colour over the photograph, a display headline at the top left and three numbered steps set as a stair: each step a huge numeral, a short title and one line under a hairline rule, every column starting lower than the one before, so the steps descend down and to the right across the photograph.

How it worksPreview pattern
Steps ledger rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHow it worksNo plugin needed

Steps ledger

A process set as a printed schedule: a ruled column-head row (No., Stage, What happens) and then five full-width rows, each one a display numeral, a title and a short description in three columns, hairlines in currentColor between them and a closing rule under the last.

How it worksPreview pattern
Steps run rendered in Twenty Twenty-FiveShot in Twenty Twenty-FiveHow it worksNo plugin needed

Steps run

A process as one horizontal run: three display numerals across the band, each over a short title and a packed line of copy, with a single hairline threading the gaps between the numerals at numeral height so the row reads as a sequence rather than as three separate cards.

How it worksPreview pattern