Menu chalkboard, Pattern Paste Canonical: https://patternpaste.com/pattern/menu-chalkboard.html Core Patterns (https://patternpaste.com/patterns/) Listings (https://patternpaste.com/patterns/listings/) Catalogue access Standard # Menu chalkboard A menu written up like the board behind the counter: a framed dark board carrying a centred heading and two columns of dishes, each with its price on the right and a short note beneath on a dashed chalk line, and a centred allergy note and link at the foot. ## All patterns Search patterns Loading patterns… Start here ## What to change first - The dishes and prices. Duplicate a row to add a dish. - The column labels. Plates, and bakes and drinks. - The link. #menu. The signature moment ## The menu is the board behind the counter The menu is a dark board set inside a frame, the dishes ruled off with dashed chalk lines and the prices pushed to the right edge of each line. The board is an inverted slab inside a thin framed border, so it reads as a thing hung on the wall rather than a section of the page. The two columns sit side by side on a laptop and a tablet and one under the other on a phone. Theme handoff ## What comes from where ### From your theme - Typeface. - Palette. - Link. ### Set by this pattern - The dish names and prices. - 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 A menu written up like the board behind the counter: a dark board inside a frame, a centred heading, two columns of dishes with prices, and a centred allergy note. It sits in the listings section beside menu-course-columns, whose prices hang on dotted leaders on the page, and menu-single-sheet: here the whole menu is one object on the wall. ### The signature moment: the menu is the board behind the counter The menu is a dark board set inside a frame, the dishes ruled off with dashed chalk lines and the prices pushed to the right edge of each line. The board is an inverted slab inside a thin framed border, so it reads as a thing hung on the wall rather than a section of the page. The two columns sit side by side on a laptop and a tablet and one under the other on a phone. Make it yoursVariations and the edits to make first ### What to change first - The dishes and prices. Duplicate a row to add a dish. - The column labels. Plates, and bakes and drinks. - The link. #menu. Theme behaviourInheritance, fixed decisions and contrast ### What it inherits from your theme - Typeface. The base states no font family. - Palette. The board is your contrast colour with base type; the frame is a currentColor hairline on your base ground; the chalk lines are the board's text colour. Labels on the board start at base, never a ground role. - Link. A transparent, underlined core button in the board's text colour. ### What it decides for itself - The dish names and prices. clamp(1.125rem, 1.5vw, 1.3125rem), one size for both so a row reads as one line. - The heading. The x-large rung, centred. Technical notesBlock mechanics, responsive behaviour and constraints ### The Crumb look Part of the Crumb Pattern Set, one café's whole site in one design language: oat ground #f4ecdf, espresso ink #2b1d16, muted cocoa #5c4a3f, milk cards #fbf7f0 on oat hairlines #dccfbf, terracotta #b3462d labels and peach #e8a27c on the espresso slab. Headings are Georgia at 400, body, labels and buttons Helvetica; buttons are espresso pills or underlined links, cards and photographs rounded at 14px. 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, heading, paragraph, buttons, button. No plugin, nothing to keep updated. - The root group sets headings and links to currentColor, so every heading, paragraph and link inherits the group's text colour in any theme; only role-bearing text (labels, rules, plates) carries its own chain. Questions ## Menu chalkboard: common questions Does Menu chalkboard 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 chalkboard match my theme? Choose by variation. Framed board takes your theme’s palette; Crumb brings its own colours. How many variations does Menu chalkboard have? 2: Framed board and Crumb. Each is its own markup; choose one in the toolbar above the preview before you copy. Is Menu chalkboard free? It is included with a subscription, with every Core Pattern and variation. 56 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. 21KB of core-block markup, 7 blocks (button, buttons, column, columns, 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 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 CTA band A full-bleed closing band that inverts the page: a contrast ground carrying base text, one centred statement, one action. States no colour and no font of its own. (https://patternpaste.com/pattern/cta-band.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/) ## 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 button, buttons, column, columns, group, heading, paragraph Presets color 4, spacing 5, font-size 1 WordPress 7.0+ Continue exploring ## Next in Listings Explore all 8 Listings patterns (https://patternpaste.com/patterns/listings/)Also in Pricing (https://patternpaste.com/patterns/pricing/) Shot in Twenty Twenty-Five Listings No plugin needed ### Listings cover programme An event poster as a full-bleed cover: a heavy veil of your theme's contrast colour over the photograph, a huge event title with its dates and venue set in the top left, and below it, across the cover's full width, a dated programme of five sessions as ruled rows, each a day and time, a session title and a place. Listings Preview pattern (https://patternpaste.com/pattern/listings-cover-programme.html) 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)