About this block

Sale Banner Dark gives a seasonal offer a proper stage. A rounded primary band names the sale in a quiet line, states the discount at display size, and covers the terms in honest small print, with a secondary button beside it all. It is a section level banner, sized to sit between page sections rather than ride the viewport edge.

The sale name, discount line, terms, and button label are four strings. The terms line is doing real work, who qualifies, until when, and the no code mechanics, keep all three facts in it. The band centers on mobile and splits left to right on desktop.

When to use

Reach for this block during the two or three weeks a year when a real sale runs. It is the section sized sibling of promo-band-with-cta, with room for display type that a strip cannot afford. Place it after the hero or before pricing during the window, and delete it completely when the date passes, an expired sale banner is the worst banner.

A natural flow around it on a Marketing Pro page:

Before

• Heroes running the normal pitch above the seasonal push

After

• Pricing showing the discounted numbers in context
• FAQs catching the does it apply to me questions

What you can display

One strong use is the annual Black Friday push. Other stages:

• Birthday sale. A company anniversary discount with the story in the quiet line.
• Plan launch. An introductory rate for a newly released tier.
• Regional moment. A localized seasonal sale with the window named in local terms.

Tip: write the terms line first, an offer whose conditions fit in one honest sentence is an offer that converts without support tickets.