Hero next slots, Pattern Paste Canonical: https://patternpaste.com/pattern/hero-next-slots.html Core Patterns (https://patternpaste.com/patterns/) Hero (https://patternpaste.com/patterns/hero/) Catalogue access Standard # Hero next slots A clinic or practice hero: a display headline, a short lead and two text links beside a square photograph, with a card of the next free appointments lapping the photograph's foot. Each appointment is a ruled row of time, day and who you will see, and the earliest carries the only filled button. Example image included and replaceable in the editor. ## All patterns Search patterns Loading patterns… Start here ## What to change first - The slots. Type your own times, days and names; duplicate a row for more. - The photograph. Select it and choose Replace. - The links. #book, #treatments, #team and the phone number. The signature moment ## The diary laps the portrait and holds the only filled button The action lives in the diary, not under the headline. Three appointments stand as ruled rows, each a time at display size beside the day and the clinician, and only the earliest carries a filled button; the later two are underlined links. The headline column has no filled button at all, so the eye goes from the promise to the soonest time you can be seen. The card laps the photograph's foot by clamp(3rem, 7vw, 6rem) and sits in from its left edge, so it reads as a card placed on the picture rather than a caption under it. Theme handoff ## What comes from where ### From your theme - Typeface. - Palette. - Buttons. ### Set by this pattern - The headline. - The times. 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 home hero for a clinic, practice or studio that sells by appointment. One side is the promise: a label, a display headline, a short lead and two underlined links. The other is a square photograph of the person you will see, and over its foot a card of the next free appointments. The two sides share a row from about 900px and stack below it, the diary under the promise. It sits in the hero section beside hero-arch and hero-open-now-stamp; cta-book-appointment makes one slot its headline at the foot of a page, where this one opens the page on the diary itself. ### The signature moment: the diary laps the portrait and holds the only filled button The action lives in the diary, not under the headline. Three appointments stand as ruled rows, each a time at display size beside the day and the clinician, and only the earliest carries a filled button; the later two are underlined links. The headline column has no filled button at all, so the eye goes from the promise to the soonest time you can be seen. The card laps the photograph's foot by clamp(3rem, 7vw, 6rem) and sits in from its left edge, so it reads as a card placed on the picture rather than a caption under it. Make it yoursVariations and the edits to make first ### What to change first - The slots. Type your own times, days and names; duplicate a row for more. - The photograph. Select it and choose Replace. - The links. #book, #treatments, #team and the phone number. Theme behaviourInheritance, fixed decisions and contrast ### What it inherits from your theme - Typeface. The base states no font family. - Palette. Your base ground and contrast text. The card tries role-plate and role-plate-text, falling back to base and contrast, on a role-rule hairline; the label tries role-label. - Buttons. The first slot is your theme's button with a stated padding for a 44px target; the rest, and the phone number under the card, are underlined text links padded to 44px. ### What it decides for itself - The headline. Off the ladder on purpose, a bare clamp that is 34px on a phone and reaches 66px by 1280. The card title is on the large rung. - The times. clamp(1.375rem, 2.2vw, 1.875rem), so a time reads before its day. Technical notesBlock mechanics, responsive behaviour and constraints ### The Mend look Part of the Mend Pattern Set, one physiotherapy clinic's whole site in one design language: clinical white ground #f7faf9, deep teal-navy ink #12303a, muted ink #4a6068, sage #3d6e5c labels, mint #e6f0ec cards on #d3dfdb hairlines, and apricot #f2a65a as the one warm mark in the section, a fill or a rule and never text on the white ground. Avenir Next throughout, headings 600 and display 500; buttons teal with 6px corners or underlined links, cards and photographs at 10px. 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, image, 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. ### Included images The copied markup includes an example photograph. The public image URL keeps the example visible after pasting. Select the image and choose Replace to use your own Media Library file. See image credits (https://patternpaste.com/image-credits/) for the source and license. Pasting an image URL does not import a Media Library attachment. Questions ## Hero next slots: common questions Does Hero next slots need a plugin? No. It is built only from core WordPress blocks (button, buttons, group, heading, image and paragraph), so it pastes into the block editor with nothing to install. Will Hero next slots match my theme? Choose by variation. Diary card takes your theme’s palette; Mend brings its own colours. How many variations does Hero next slots have? 2: Diary card and Mend. 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 Hero next slots free? It is included with a subscription, with every Core Pattern and variation. 56 Core Patterns are free to copy without one. 17KB of core-block markup, 6 blocks (button, buttons, group, heading, image, 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 Features Appointment letter checklist What to bring to a first appointment, set as the confirmation letter itself: a card with the booking's details written into ruled blanks (date, time, who, where, length and fee) and a checklist of empty squares to tick the night before, beside a short introduction. States no colour and no font of its own. (https://patternpaste.com/pattern/appointment-letter-checklist.html)Stats Stat callout A high-impact framed spotlight plaque: a central marquee figure and bold executive statement sit above a ruled three-part corroboration shelf enclosed within the same 1px currentColor architectural frame. States no colour and no font of its own. (https://patternpaste.com/pattern/stat-callout.html)Compare Compact comparison rows A mobile-first responsive comparison layout using stacked capability cards: each row pairs a feature title and summary with a side-by-side comparison block, avoiding horizontal table scrolling on small screens. States no colour and no font of its own. (https://patternpaste.com/pattern/compare-compact-rows.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 Hero 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, group, heading, image, paragraph Presets color 8, spacing 5, font-size 2 WordPress 7.0+ Continue exploring ## Next in Hero Explore all 25 Hero patterns (https://patternpaste.com/patterns/hero/)Also in Call to action (https://patternpaste.com/patterns/cta/) Shot in Twenty Twenty-Five Hero No plugin needed ### Hero media and text A hero built on Media & Text rather than columns, so the photograph runs off the side of the screen while the words stay on the page's own measure. Hero Preview pattern (https://patternpaste.com/pattern/hero-media-text.html) Shot in Twenty Twenty-Five Hero No plugin needed ### Hero open now stamp A café home hero: a large photograph with a round Open today stamp giving the hours lapping its bottom corner, and beside it a label, the headline, a line of welcome, two actions and the address on a rule. Hero Preview pattern (https://patternpaste.com/pattern/hero-open-now-stamp.html) Shot in Twenty Twenty-Five Hero No plugin needed ### Hero plate on paper A hero that is a card laid on the page rather than the page's own top edge: a full-bleed band of your theme's paper with generous air on all four sides, holding one inset plate of your contrast colour that carries the whole hero, eyebrow, headline, lede and two buttons. Hero Preview pattern (https://patternpaste.com/pattern/hero-plate-on-paper.html)