Start here
What to change first
Replace the fictional Alder Table dishes, dietary details, the £58 menu price and the booking destination. Ask guests to share dietary requirements when booking.
Core blocks only. No script, custom CSS, font file or required plugin.
The signature moment
The courses cross the page in a single winding line
The dish groups alternate between the left and right sides of the same continuous path. A rule runs under each course and turns up at alternate edges; no enclosing cards interrupt the line. On a phone, the course order remains one through four.
Theme handoff
What comes from where
From your theme
The Core payload uses the theme’s base and contrast chains, currentColor rules, its typefaces and heading ladder. Text is intended for 4.5:1 contrast, or 3:1 at large display sizes; the rendered checks measure the actual pairs. Headings and links follow the root painter. The inherited Core payload is the theme route for this composition.
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
Four tasting courses follow a winding rule across the page, each with an oversized index, a dish name and its ingredients. A single price per person and a booking link close the menu.
The signature moment: the courses cross the page in a single winding line
The dish groups alternate between the left and right sides of the same continuous path. A rule runs under each course and turns up at alternate edges; no enclosing cards interrupt the line. On a phone, the course order remains one through four.
Make it yoursVariations and the edits to make first
What to change first
Replace the fictional Alder Table dishes, dietary details, the £58 menu price and the booking destination. Ask guests to share dietary requirements when booking.
Core blocks only. No script, custom CSS, font file or required plugin.
Theme behaviourInheritance, fixed decisions and contrast
What it inherits from your theme
The Core payload uses the theme’s base and contrast chains, currentColor rules, its typefaces and heading ladder. Text is intended for 4.5:1 contrast, or 3:1 at large display sizes; the rendered checks measure the actual pairs. Headings and links follow the root painter. The inherited Core payload is the theme route for this composition.
Display type
Course indices use clamp(3rem, 5vw, 5rem). The course names use the theme’s large heading rung, the menu title x-large, and ingredient descriptions medium. Course labels use 15px.
Technical notesBlock mechanics, responsive behaviour and constraints
The Styled look
Blush ground #F2DDD8, espresso ink #322720 and warm brown accent #654839; Georgia course names over Arial ingredients and an underlined brown booking link. Every button is deliberately filled or underlined, with its own padding. The root states a 400 body weight.
Questions
Menu tasting route: common questions
Does Menu tasting route need a plugin?
No. It is built only from core WordPress blocks (button, buttons, column, columns, group, heading and paragraph), so it pastes into the block editor with nothing to install.
Will Menu tasting route match my theme?
Choose by variation. Winding courses takes your theme’s palette; Blush and espresso brings its own colours.
How many variations does Menu tasting route have?
2: Winding courses and Blush and espresso. Each is its own markup; choose one in the toolbar above the preview before you copy.
Is Menu tasting route 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
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: Blush and espresso
Fetching the markup…