Footer booking fold: WordPress Block Pattern, Pattern Paste Canonical: https://patternpaste.com/pattern/footer-booking-fold.html Core Patterns (https://patternpaste.com/patterns/) Footer (https://patternpaste.com/patterns/footer/) Catalogue access Standard # Footer booking fold A local-business footer drawn as an open fold: a broad field puts a display sign-off above the address, grouped hours and contact links; a narrower booking corner begins lower, enclosed by a heavy top edge and two sides. One closing rule joins both parts to the useful and legal links below. The two fields stack in reading order on a phone. ## All patterns Search patterns Loading patterns… The signature moment ## The next appointment sits in the folded corner A large two-line sign-off holds the left field. Its fine top edge starts before the booking panel, whose heavy top edge and enclosing sides start lower. One closing rule joins the two unequal fields to the links below. The address and grouped hours remain compact under the sign-off. On a phone, business details come first and the booking corner follows. Theme handoff ## What comes from where ### From your theme The base uses the theme's base ground, contrast ink, label and link roles with guaranteed black/white fallbacks. The typeface, ordinary button style and the content and wide widths stay with the theme. Heading and link ink follows the root painter. 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 closing section for a salon, clinic or local service: the business details and the next booking belong to one folded shape. ### The signature moment: the next appointment sits in the folded corner A large two-line sign-off holds the left field. Its fine top edge starts before the booking panel, whose heavy top edge and enclosing sides start lower. One closing rule joins the two unequal fields to the links below. The address and grouped hours remain compact under the sign-off. On a phone, business details come first and the booking corner follows. Theme behaviourInheritance, fixed decisions and contrast ### What it inherits from your theme The base uses the theme's base ground, contrast ink, label and link roles with guaranteed black/white fallbacks. The typeface, ordinary button style and the content and wide widths stay with the theme. Heading and link ink follows the root painter. ### Display type and spacing “See you / soon.” is display type, a bare clamp from 3.5rem to 7rem because its scale is the composition. The booking heading uses the large rung; body copy the medium rung. Labels and the legal line keep a 15px floor. Links use 0.875rem vertical padding and the booking button has the same tap allowance. Technical notesBlock mechanics, responsive behaviour and constraints ### Styled look: Fog and hydrangea Fog #EEF1F4, dark ink #242738 and deep hydrangea #55458A; Georgia headings over Arial and Helvetica. The booking button is hydrangea with fog type and a 3px corner. Other actions are deliberately underlined text links. The inherited base supplies the theme-owned treatment. Body text is intended to meet 4.5:1 contrast and large display text 3:1. ### Change first Replace the fictional Linden House name and address, hours, phone and email. The phone uses tel: and the email uses mailto:. Add your booking, treatments, story, accessibility and privacy URLs to the empty links. The copy contains no medical claims. Core group, columns, column, heading, paragraph, buttons and button blocks only. No image, form, map, script or font file. Questions ## Footer booking fold: common questions Does Footer booking fold 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 Footer booking fold match my theme? Choose by variation. Use my theme takes your theme’s palette; Fog and hydrangea brings its own colours. How many variations does Footer booking fold have? 2: Use my theme and Fog and hydrangea. Each is its own markup; choose one in the toolbar above the preview before you copy. Is Footer booking fold 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. 15KB 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, £49 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 ### £49 a year All patterns, variations and theme downloads. What you copy is yours forever. Not for you? We refund within 14 days. Subscribe, £49 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 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)Contact Contact cover ledger A full-bleed contact cover: a display heading in the top left, and a ruled ledger of address, hours, phone and email in the far lower-right corner, label left and value right between hairline rules, with the photograph running between them. A heavy veil of your theme's contrast colour keeps every line legible whatever photograph you choose. The ledger drops under the heading on a phone. Includes a replaceable example photograph. States no colour and no font of its own. Ships with a short hand-off row on your theme's paper below it. (https://patternpaste.com/pattern/contact-cover-ledger.html)Header Nav bar A header bar on one line: a heavy, tightly tracked wordmark at the left edge against tiny widely tracked links at the right, one solid action beside them, and a hairline under the whole bar. The links are your WordPress menu, a core navigation block that folds to a menu button on a phone so the bar stays one line. Compact by construction, so it reads as the top of a page and never as a hero. States no colour and no font of its own. (https://patternpaste.com/pattern/nav-bar.html) #### Before you paste 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. How we test patterns (https://patternpaste.com/how-we-test/) ## Specifications Section Footer 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 6, spacing 2, font-size 2 WordPress 7.0+ Continue exploring ## Next in Footer Explore all 9 Footer patterns (https://patternpaste.com/patterns/footer/) Shot in Twenty Twenty-Five Footer No plugin needed ### Site footer An inverted footer where the site name, set at display size, is the structure: three dense link columns hang to its line instead of sitting under a floating logo. Footer Preview pattern (https://patternpaste.com/pattern/site-footer.html) Shot in Twenty Twenty-Five Footer No plugin needed ### Composed signoff Three still slogan rows above a studio footer with contact, navigation and legal details. Footer Preview pattern (https://patternpaste.com/pattern/footer-composed-signoff.html) Shot in Twenty Twenty-Five Footer No plugin needed ### Footer cover colophon A footer that ends the page on a photograph: a full-bleed cover under a heavy veil of your theme's contrast colour, a display-size sign-off high on it with an outlined contact button and one line of copy, four short link columns lower down, and along the very floor a hairline and the small print. Footer Preview pattern (https://patternpaste.com/pattern/footer-cover-colophon.html)