Sale Banner Dark
A seasonal sale band with the discount at display size, honest terms, and a secondary button.
A seasonal sale band with the discount at display size, honest terms, and a secondary button.
The Marketing Collection unlocks the source for every Marketing block. All Access unlocks every Collection.
Already purchased? Log in
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.
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
After
One strong use is the annual Black Friday push. Other stages:
Tip: write the terms line first, an offer whose conditions fit in one honest sentence is an offer that converts without support tickets.