Split With Analytics Dashboard
A two column hero pairing headline and CTAs with an analytics dashboard mockup and area chart.
A two column hero pairing headline and CTAs with an analytics dashboard mockup and area chart.
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
Split With Analytics Dashboard is a two column hero. The left column holds a large headline, a lede paragraph, and two stacked CTAs. The right column is a dashboard mockup with window chrome, a row of three KPI cards, and an SVG area chart with faint gridlines and a highlighted end point. The whole mockup is markup and theme tokens, no screenshots, so it never goes stale and inverts cleanly in dark mode. The layout fills the viewport and centers vertically.
The three KPI values live in a plain array, and the chart is a single polyline plus a matching polygon fill, so reshaping the curve means editing one points string. The window title, chart label, and badge are plain strings. Headline, lede, and button labels are independent copy, none of the dashboard content constrains them.
Reach for this block when the product is the dashboard. An analytics, attribution, or reporting tool can show its actual value proposition in the hero without a single real screenshot. It beats split-with-metrics when you want the product visible rather than just its results, and it beats with-kanban-preview when your story is numbers rather than workflow. For a non visual pitch, centered-minimal stays the cleaner opener.
A natural flow around it on a Marketing Pro page:
Before
After
One strong use is a revenue attribution pitch: revenue, return on spend, and lead volume above a rising weekly curve. Other directions:
Tip: keep the chart curve generally rising with one or two small dips, a perfect diagonal reads as fake while a noisy line reads as trouble.