# 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.

Canonical: https://patternpaste.com/pattern/emergency-strip.html
Section: Call to action
Access: Included in Pattern Paste access.
Needs: 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.
Blocks: button, buttons, group, paragraph
Keywords: emergency, call now, phone, plumber, heating, trades, call-out

## Variations (2)

### One line (the default)

Identical markup in every theme.

An inverted slab in your contrast colour with base type, and the number as an underlined tap-to-call link at heading size.

### Midnight and orange

This variation states its own colours and states its own type: identical in every theme.

Midnight ground, white type and a signal orange call button with a small square corner, in Arial with the number in Arial Black.


---

## 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.

## 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.

## 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.

## 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.