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

Canonical: https://patternpaste.com/pattern/cta-call-now.html
Section: Call to action
Access: Free, and free to keep.
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, column, columns, group, heading, paragraph
Keywords: emergency, call now, phone, 24/7, plumber, trades, call-out

## Variations (2)

### Call now (the default)

Identical markup in every theme.

Your contrast colour as the ground with your base colour for every line of type, the rules and the number; the band inverts in any theme.

### Asphalt and hi-vis

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

Urgent but calm: an asphalt ground, off-white type and rules, and the number and the facts in hi-vis yellow under a hi-vis stripe, with an Arial Black heading over Arial.


---

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

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

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

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