Growth Story
A split stats section pairing a heading, narrative paragraph, and three hairline stat rows with a large decorative area chart panel.
A split stats section pairing a heading, narrative paragraph, and three hairline stat rows with a large decorative area chart panel.
Search blocks by description or jump to a page.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Growth Story pairs narrative with evidence in a balanced split. The left column carries the heading, one paragraph of story, and three stat rows separated by hairlines, while the right column holds a large area chart panel that sketches the trajectory. The chart is a hand drawn inline SVG built from theme tokens, so it needs no chart library and adapts cleanly to light and dark mode.
The chart is decorative by design: the smooth rising line, the soft fill beneath it, and the year labels along the bottom suggest a trend without plotting real data. Swap the stat rows, the paragraph, and the panel's caption to retell the story in your own numbers; the curve itself only needs editing if you want a different shape.
Use this block when the growth itself is the message. On a fintech infrastructure company's about page it makes a confident middle section: the paragraph explains how the company grew, the rows quantify the climb, and the chart gives the eye a shape to attach the story to. It also suits funding announcements and milestone pages, where a rising curve says more in a glance than another paragraph would.
A natural flow around it on a Marketing Pro page:
Before
After
The obvious fit is a revenue or customer growth story. A few other frames that work:
Tip: keep all three stat rows on the same theme as the chart caption. When the rows and the curve tell one story the section reads as a single piece of evidence rather than a stat dump.