Dark Band With Sparkline

About this block

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.

When to use

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

• FAQs so the last objections are cleared before the final ask
• Pricing with the value already justified

After

• Footers to close out the page

What you can display

One strong use is a trial offer with the safety notes in the supporting line. Other closes that fit the band:

• Demo ask. Lead with book a working session and let the line promise a real account team, not a sales deck.
• Migration offer. Promise white glove import in the line and make the button claim the free migration.
• Launch announcement. Use the band on a release page where the sparkline echoes the changelog momentum.

Tip: keep the sparkline strokes under twenty percent opacity, the moment they compete with the headline the band stops feeling confident.