Menu place card: WordPress Block Pattern, Pattern Paste Canonical: https://patternpaste.com/pattern/menu-place-card.html Core Patterns (https://patternpaste.com/patterns/) Listings (https://patternpaste.com/patterns/listings/) Catalogue access Standard # Menu place card A wedding breakfast menu set as a place card: a narrow double-ruled card centred beside a tall photograph of the table, a heading, then each course as a small label over two dishes divided by an italic or, dietary marks after each dish, and a key and note at the foot. No prices. On a phone the photograph sits above the card as a band. ## All patterns Search patterns Loading patterns… Start here ## What to change first - The dishes and marks. Each dish is one paragraph; duplicate a course group to add a course. - The photograph. - The note at the foot. The signature moment ## A centred place-card menu where every course is a choice of two, divided by an italic "or" Each course is a small label over two dishes with an italic "or" between them, centred down a card about 30rem wide, with a short centred rule between courses, so it reads as a printed card rather than a list. The last course swaps the "or" for "and" (pudding, and the cake). Dietary marks follow each dish and a key sits at the foot. The card is two nested bordered groups, an outer hairline and an inner rule inset 0.625rem. The photograph is a core/cover as a grid cell, so it stretches to the card's height on a laptop and becomes a band of at least 16rem above the card on a phone. Theme handoff ## What comes from where ### From your theme - Typeface. - Palette. ### Set by this pattern - The heading. - The card's width. - The grid. 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 wedding breakfast menu made as the card that sits on each place setting. A narrow double-ruled card stands beside a tall photograph of the table, and every course is a choice of two. It sits in the listings section beside menu-course-columns (three columns, prices on dotted leaders), menu-single-sheet (the weekday is the headline), menu-chalkboard (the board behind the counter) and price-list-treatments: none drops the prices for a paired choice. ### The signature moment: a centred place-card menu where every course is a choice of two, divided by an italic "or" Each course is a small label over two dishes with an italic "or" between them, centred down a card about 30rem wide, with a short centred rule between courses, so it reads as a printed card rather than a list. The last course swaps the "or" for "and" (pudding, and the cake). Dietary marks follow each dish and a key sits at the foot. The card is two nested bordered groups, an outer hairline and an inner rule inset 0.625rem. The photograph is a core/cover as a grid cell, so it stretches to the card's height on a laptop and becomes a band of at least 16rem above the card on a phone. Make it yoursVariations and the edits to make first ### What to change first - The dishes and marks. Each dish is one paragraph; duplicate a course group to add a course. - The photograph. - The note at the foot. Theme behaviourInheritance, fixed decisions and contrast ### What it inherits from your theme - Typeface. The base states no font family. - Palette. The card is your base colour with contrast type, both rules and the short rules currentColor. Labels are on the label role. The photograph carries no veil and no type. ### What it decides for itself - The heading. The x-large rung; the "or" the large rung, italic. - The card's width. 30rem, held by a constrained wrapper. - The grid. minimumColumnWidth: 26rem: photograph and card side by side from 1000px wide, stacked below. Technical notesBlock mechanics, responsive behaviour and constraints ### The Vow look Part of the Vow Pattern Set, a couple's whole wedding website in one design language: wisteria white #f7f5fb ground, midnight #1f2240 ink, dusk #555a78 muted ink, card white #ffffff on a wisteria hairline #d9d3e6, peony #a8365a labels on light grounds and pale peony #f2b8c9 on the midnight slab. Names and headings are Didot at 400 with an italic ampersand; body, labels and buttons are Gill Sans. Buttons are square midnight rectangles or underlined peony links; cards and photographs are square. Every text pair is measured on the ground it is painted on. Take the base for your theme's colours, or the look's Use my theme chip. ### Notes - Core blocks only: group, cover, heading, paragraph, separator. - The example photograph is from the WordPress.org Photo Directory (CC0). Questions ## Menu place card: common questions Does Menu place card need a plugin? No. It is built only from core WordPress blocks (cover, group, heading, paragraph and separator), so it pastes into the block editor with nothing to install. Will Menu place card match my theme? Choose by variation. Place card takes your theme’s palette; Vow brings its own colours. How many variations does Menu place card have? 2: Place card and Vow. Each is its own markup; choose one in the toolbar above the preview before you copy. Can I use my own images? Yes. Sample images stay in the copied blocks. Replace them in WordPress; pasting does not upload them to your Media Library. Is Menu place card free? It is included with a subscription, with every Core Pattern and variation. 62 Core Patterns are free to copy without one. 16KB of core-block markup, 5 blocks (cover, group, heading, paragraph, separator), and nothing else: paste it into the block editor and it becomes editable blocks wearing your theme. Subscribe to copy it, £119 a year (https://patternpaste.com/account/#plan) What you copy is yours forever. Not for you? We refund within 14 days. Back to Core Patterns (https://patternpaste.com/patterns/) Catalogue access ### £119 a year All patterns, variations and theme downloads. What you copy is yours forever. Not for you? We refund within 14 days. Subscribe, £119 a year (https://patternpaste.com/account/#plan) Sign in (https://patternpaste.com/account/) Everything you copy is yours to keep, forever, on any site; access to the rest of the library runs while you subscribe. Not for you? Tell us within 14 days of a payment and we refund you. After that, cancelling stops the next renewal and access runs to the end of the year you have paid for. Prices are in pounds and are the full price in the UK, the US and eleven other countries; elsewhere the checkout adds your local VAT or sales tax. The terms name every country. #### Pair with Editorial Article footer The close of an article: a portrait of the author beside their name, the biography under both inside a currentColor slip held to the middle half of the measure, and the previous and the next post hanging off the two outer edges so the section reads as a doorway rather than a footer. The name, the biography and the two neighbours are dynamic core blocks, so they are the post's own and the preview here is sample data; the portrait is an ordinary image block you swap for your author's own. The previous and next links only resolve on a single post template, which is where this pattern belongs. (https://patternpaste.com/pattern/article-footer.html)Hero Hero aperture An opening section on your theme's own paper: a tracked line, a display headline, one short paragraph on a reading measure, and then a picture that stops short of the edge on every side. The signature is the margin: the image is a window cut in the page rather than a band across it, and the paper around it is what you notice. A small opaque plate in the picture's bottom-right corner carries the caption, so no type ever sits on the photograph. The still-image version includes an example photograph; select your own clip for the video version. States no colour and no font of its own. (https://patternpaste.com/pattern/hero-aperture.html)Call to action Callout response clock A call-out section where the day is drawn to scale: a label, heading and a call button over one framed bar of three segments whose widths are their hours, 8am to 6pm, 6pm to midnight and midnight to 8am. Each segment carries its hours, how long we take to arrive at display size and the call-out fee under a hairline, and one line under the bar gives the hourly rate after that. On a phone the bar stacks into three rows that still name their hours. States no colour and no font of its own. (https://patternpaste.com/pattern/callout-response-clock.html) #### Before you paste 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. How we test patterns (https://patternpaste.com/how-we-test/) Sample images stay in the copied blocks. Replace them in WordPress; pasting does not upload them to your Media Library. Video variations need your own clip. Image credits (https://patternpaste.com/image-credits/). ## Specifications Section Listings Access Subscription Plugin None, core blocks only Variations 2 Colour From your theme or its own palette Type From your theme or its own type Motion None Blocks cover, group, heading, paragraph, separator Presets color 5, font-size 3, spacing 4 WordPress 7.0+ Continue exploring ## Next in Listings Explore all 11 Listings patterns (https://patternpaste.com/patterns/listings/)Also in Pricing (https://patternpaste.com/patterns/pricing/) Shot in Twenty Twenty-Five Listings No plugin needed ### Menu course columns A restaurant menu in three course columns. Listings Preview pattern (https://patternpaste.com/pattern/menu-course-columns.html) Shot in Twenty Twenty-Five Listings No plugin needed ### Menu single sheet Today's menu as a single printed card. Listings Preview pattern (https://patternpaste.com/pattern/menu-single-sheet.html) Shot in Twenty Twenty-Five Listings No plugin needed ### Stays room blocks Where to stay for guests travelling to an event: a lead card with a photograph spanning two rows beside two smaller cards, each with the place, the distance, a line about it, the price and a Book direct link, and each ending on an inverted stub carrying the code to quote and the date the held rooms go back on sale. Listings Preview pattern (https://patternpaste.com/pattern/stays-room-blocks.html)