Emergency strip, Pattern Paste Canonical: https://patternpaste.com/pattern/emergency-strip.html Core Patterns (https://patternpaste.com/patterns/) Call to action (https://patternpaste.com/patterns/cta/) Catalogue access Standard # Emergency strip A slim emergency band one line tall on a desktop: the problem as a question, the promise of how fast you arrive, and the phone number as a tap-to-call button, stacking on a phone. A lighter companion to the full call-now band, for the top or foot of any trade page. States no colour and no font of its own. ## All patterns Search patterns Loading patterns… Start here ## What to change first The phone number in both the label and the tel: link, the town, and the response time you can honestly promise. The signature moment ## The problem, the promise and the number on one line The whole band is one line on a desktop, read left to right as a sentence: what has gone wrong, how fast you will be there, the number to ring. The padding is the 30 spacing rung top and bottom, so the band is barely taller than its type. The mark survives colourlessness because it is made of sequence and scale: the question is bold, the promise is body size, and the number is the largest thing in the band, pushed to the far edge. Theme handoff ## What comes from where ### From your theme - The slab is contrast and every line of type is base, each a two-rung chain, so the band inverts whatever your theme's text and ground are. The "24/7" tag reverses back to base with contrast type. - The number is a transparent button in base, underlined with textDecoration, with 0.625rem of vertical padding so the tap target is at least 44px tall. - The question and the number are bare clamp() sizes because their scale is the composition; the promise is on medium. The typeface is your theme's. ### Set by this pattern - One flex row with space-between and wrapping on: the question and promise hold the left, the number the right, and the parts wrap below each other as the width runs out. 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 slim band for a trade that answers the phone at night. On an inverted slab a small "24/7" tag, the problem as a question and the promise of how fast you arrive run along one line, with the phone number at the right as a real tap-to-call link. On a phone the three parts stack. It is the lighter companion to cta-call-now: that one is a closing band with the number at display size, this one can sit at the top or foot of any page without taking it over. ### The signature moment: the problem, the promise and the number on one line The whole band is one line on a desktop, read left to right as a sentence: what has gone wrong, how fast you will be there, the number to ring. The padding is the 30 spacing rung top and bottom, so the band is barely taller than its type. The mark survives colourlessness because it is made of sequence and scale: the question is bold, the promise is body size, and the number is the largest thing in the band, pushed to the far edge. Make it yoursVariations and the edits to make first ### What to change first The phone number in both the label and the tel: link, the town, and the response time you can honestly promise. Theme behaviourInheritance, fixed decisions and contrast ### What it inherits from your theme - The slab is contrast and every line of type is base, each a two-rung chain, so the band inverts whatever your theme's text and ground are. The "24/7" tag reverses back to base with contrast type. - The number is a transparent button in base, underlined with textDecoration, with 0.625rem of vertical padding so the tap target is at least 44px tall. - The question and the number are bare clamp() sizes because their scale is the composition; the promise is on medium. The typeface is your theme's. ### What it decides for itself - One flex row with space-between and wrapping on: the question and promise hold the left, the number the right, and the parts wrap below each other as the width runs out. Technical notesBlock mechanics, responsive behaviour and constraints ### The Styled look midnight-and-orange states a midnight ground #0f1720, near-white type #f4f6f8 and signal orange #ff6a13 for the tag and the call button, whose midnight label reads at over 7:1. The button has a 4px corner and is set in Arial Black like the question, over an Arial promise at weight 400. Questions ## Emergency strip: common questions Does Emergency strip need a plugin? No. It is built only from core WordPress blocks (button, buttons, group and paragraph), so it pastes into the block editor with nothing to install. Will Emergency strip match my theme? Choose by variation. One line takes your theme’s palette; Midnight and orange brings its own colours. How many variations does Emergency strip have? 2: One line and Midnight and orange. Each is its own markup; choose one in the toolbar above the preview before you copy. Is Emergency strip 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. 4.3KB of core-block markup, 4 blocks (button, buttons, group, 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. Cancel whenever. 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. 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 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, paragraph Presets color 4, spacing 4, 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 ### The written reply A studio invitation with a 48-hour written reply pledge and a numbered account of what happens next. Call to action Preview pattern (https://patternpaste.com/pattern/cta-written-reply.html) Shot in Twenty Twenty-Five Call to action No plugin needed ### CTA band A full-bleed closing band that inverts the page: a contrast ground carrying base text, one centred statement, one action. Call to action Preview pattern (https://patternpaste.com/pattern/cta-band.html) 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)