Split With Metrics
A split hero with copy and dual CTAs beside a divided panel of four large KPI tiles.
A split hero with copy and dual CTAs beside a divided panel of four large KPI tiles.
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 Metrics is a two-column hero. The left column holds a large headline, a lede paragraph, and two stacked CTAs. The right column is a 2x2 grid of KPI tiles separated by thin dividers, each tile showing a large numeric value, a short label, and a one-line context note below it. The layout fills the full viewport height and centers vertically, so the two columns land at eye level without extra scroll.
All four numbers and their labels are defined in a plain array, so you can update every figure and caption without touching the layout. The headline, lede, and button labels are independent copy strings. If you only need two or three KPIs, removing a tile collapses the grid cleanly because the dividers are generated from the gap between cells.
Reach for this block when your pitch is most convincing as a number. A logistics or delivery platform can lead with on-time rate, cost per shipment, volume handled, and regional uptime and let those figures do the work before a visitor reads a word of prose. It edges out a plain centered hero when you have real results to show, and it edges out a testimonial split when aggregate data is more persuasive than a single customer quote.
A natural flow around it on a Marketing Pro page:
Before
After
One strong use is showing the platform results your customers report after a full quarter. A few other ways to fill the four tiles:
Tip: keep all four values to the same numeric scale where possible so the tile grid reads as a coherent dashboard rather than a random list.