CTA call now, Pattern Paste Canonical: https://patternpaste.com/pattern/cta-call-now.html Core Patterns (https://patternpaste.com/patterns/) Call to action (https://patternpaste.com/patterns/cta/) Free Standard # CTA call now An emergency band for a trade that answers the phone at night. On an inverted slab a tracked label and a short heading sit over the phone number set at display size, the biggest thing on the page and a real tap-to-call link; beneath it three ruled facts give the hours (24/7), the response time and the area covered, and a quiet underlined link offers a routine booking instead. States no colour and no font of its own. ## All patterns Search patterns Loading patterns… Start here ## What to change first The phone number and its tel: link together, the heading, the three facts (hours, response time, area) and where the routine-booking link goes. The signature moment ## The phone number is the headline The number is set at clamp(2.5rem, 8vw, 8rem), twice the heading's size, set at weight 600, and it is the link. The heading only sets the scene; the number is what the eye lands on and what the thumb hits, a transparent core/button with tel: behind it and 0.75rem of padding above and below, so the tap target is well over 44px. It survives colourlessness because it is scale: nothing else on the band comes close. Theme handoff ## What comes from where ### From your theme - The band is an inverted slab: the ground is contrast and every line of type, the rules and the number are base, each a two-rung chain. No ground role starts a chain here, because a role is measured on the page ground. Text is at 4.5:1 or better in the stock themes. - The heading is off the type ladder, a bare clamp(2rem, 3.8vw, 3.5rem), kept smaller than the number on purpose. The facts are a bare clamp(1.75rem, 2.8vw, 2.5rem) and their captions take medium. - The typeface is your theme's. ### Set by this pattern - The three facts are equal columns under 1px rules and stack below 782px. - The routine-booking link is an underlined transparent button, never a bare anchor, so it has a 44px box on a phone. 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 An emergency band for a plumber, a locksmith, an electrician or a glazier: the section a visitor with water coming through the ceiling needs to find in one glance. On an inverted slab a tracked label and a short heading sit over the phone number at display size; beneath it three ruled facts give the hours, the response time and the area, and one quiet link offers a routine booking. ### The signature moment: the phone number is the headline The number is set at clamp(2.5rem, 8vw, 8rem), twice the heading's size, set at weight 600, and it is the link. The heading only sets the scene; the number is what the eye lands on and what the thumb hits, a transparent core/button with tel: behind it and 0.75rem of padding above and below, so the tap target is well over 44px. It survives colourlessness because it is scale: nothing else on the band comes close. Make it yoursVariations and the edits to make first ### What to change first The phone number and its tel: link together, the heading, the three facts (hours, response time, area) and where the routine-booking link goes. Theme behaviourInheritance, fixed decisions and contrast ### What it inherits from your theme - The band is an inverted slab: the ground is contrast and every line of type, the rules and the number are base, each a two-rung chain. No ground role starts a chain here, because a role is measured on the page ground. Text is at 4.5:1 or better in the stock themes. - The heading is off the type ladder, a bare clamp(2rem, 3.8vw, 3.5rem), kept smaller than the number on purpose. The facts are a bare clamp(1.75rem, 2.8vw, 2.5rem) and their captions take medium. - The typeface is your theme's. ### What it decides for itself - The three facts are equal columns under 1px rules and stack below 782px. - The routine-booking link is an underlined transparent button, never a bare anchor, so it has a 44px box on a phone. Technical notesBlock mechanics, responsive behaviour and constraints ### The Styled look asphalt-and-hi-vis states an asphalt ground #1b2024, off-white type and rules #f3f3ef (14.8:1) and the number and the fact figures in hi-vis yellow #f2e500 (12.5:1), under a 10px hi-vis stripe along the top edge. The heading is Arial Black, everything else Arial. It reads as urgent the way a road sign does, without the alarm of red on white. Questions ## CTA call now: common questions Does CTA call now 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 CTA call now match my theme? Choose by variation. Call now takes your theme’s palette; Asphalt and hi-vis brings its own colours. How many variations does CTA call now have? 2: Call now and Asphalt and hi-vis. Each is its own markup; choose one in the toolbar above the preview before you copy. Is CTA call now free? Yes. It is one of 56 free Core Patterns: copy it and it is yours to keep and edit. Its Styled looks come with a subscription. 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. Back to Core Patterns (https://patternpaste.com/patterns/) ### Free pattern Copy it and paste it straight into the block editor. It is yours to keep and edit. Its Styled looks come with a subscription. Read the markup Catalogue access ### £119 a year All patterns, variations and theme downloads. What you copy is yours forever. Cancel whenever. 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. Cancel any time; access runs to the end of the period you have paid for, and there is no pro-rata refund. 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 Footer Composed signoff Three still slogan rows above a studio footer with contact, navigation and legal details. (https://patternpaste.com/pattern/footer-composed-signoff.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)Pricing Donate impact tiers Four donation cards for a charity, each amount set at display size over what it pays for, one plain line of how, and a Donate button on the foot. The third card is inverted as the most given gift, and a note under the cards carries the charity number, Gift Aid and a link to give another amount. States no colour and no font of its own. (https://patternpaste.com/pattern/donate-impact-tiers.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 Call to action Access Free 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 Call to action Explore all 14 Call to action patterns (https://patternpaste.com/patterns/cta/) Shot in Twenty Twenty-Five Call to action No plugin needed ### CTA book appointment A booking band for a clinic or a salon where the next free slot is the headline. Call to action Preview pattern (https://patternpaste.com/pattern/cta-book-appointment.html) Shot in Twenty Twenty-Five Call to action No plugin needed ### CTA cover The closing band that ends on a photograph. Call to action Preview pattern (https://patternpaste.com/pattern/cta-cover.html) Shot in Twenty Twenty-Five Call to action No plugin needed ### Festival bulletin A poster-scale festival announcement, four dated tickets and a wristband call to action. Call to action Preview pattern (https://patternpaste.com/pattern/cta-festival-bulletin.html)