Emergency strip

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

The phone number in both the label and the tel: link, the town, and the response time you can honestly promise.

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

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

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.