The signature moment
Sliding service menu; the slider becomes all offers shown
Three service offers with the source copy and prices. The base uses the theme's colours and face. The Sage And Umber variation uses its own restrained palette and a system sans face; the source slider is presented as three visible offers. Replace the example prices and contact target before publishing.
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
The signature moment: sliding service menu; the slider becomes all offers shown
Three service offers with the source copy and prices. The base uses the theme's colours and face. The Sage And Umber variation uses its own restrained palette and a system sans face; the source slider is presented as three visible offers. Replace the example prices and contact target before publishing.
Questions
Studio service menu: common questions
Does Studio service menu need a plugin?
No. It is built only from core WordPress blocks (button, buttons, column, columns, group, heading, paragraph and separator), so it pastes into the block editor with nothing to install.
Will Studio service menu match my theme?
Choose by variation. Theme ledger takes your theme’s palette; Sage And Umber brings its own colours.
How many variations does Studio service menu have?
2: Theme ledger and Sage And Umber. Each is its own markup; choose one in the toolbar above the preview before you copy.
Is Studio service menu free?
It is included with a subscription, with every Core Pattern and variation. 50 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: Sage And Umber
Fetching the markup…
