Dark Band With Sparkline
A primary colored CTA band with a single button and a faint sparkline along its base.
A primary colored CTA band with a single button and a faint sparkline along its base.
The Marketing Collection unlocks the source for every Marketing block. All Access unlocks every Collection.
Already purchased? Log in
Dark Band With Sparkline is a high contrast closing CTA. A rounded primary colored band carries a headline and one supporting line on the left with a single secondary button on the right, stacking on mobile. Along the bottom of the band, two faint sparklines drawn in primary foreground tones rise quietly toward the right edge, decoration that repeats the growth story without competing with the copy.
The sparklines are two SVG polylines with preserveAspectRatio set to none, so they stretch with the band at any width, and their opacity classes keep them subordinate in both themes. Headline, line, and button label are independent strings. Remove the SVG and the block degrades gracefully into a plain dark band.
Reach for this block as the last call to action on a page that has earned an emphatic close. The faint chart motif suits analytics and growth products where full-bleed-band would read as generic emphasis. Pick split-with-growth-chart when the chart should carry real numbers, or minimal-inline when the page wants a quiet exit instead of a drumbeat.
A natural flow around it on a Marketing Pro page:
Before
After
One strong use is a trial offer with the safety notes in the supporting line. Other closes that fit the band:
Tip: keep the sparkline strokes under twenty percent opacity, the moment they compete with the headline the band stops feeling confident.