Four stats in a row
Four statistics with large numbers and labels in a horizontal row. Standard KPI showcase.
stats/row/default
Stats and KPI section templates
Numbers that build confidence: stat rows, boxed metrics, progress bars, muted proof bands and stat-plus-quote combinations.
13 variants · neutral wireframe · ready to reskin with your design tokens
Four stats in a rowThree prominent statsInline stats (no header)Stats with call-to-actionBoxed statsHuge statsStats with testimonial quoteStats two-up with introStats as progress barsStats with iconsMuted band statsStats with imageCentered stats with dividers
Three prominent stats
Three large statistics under a heading. For the metrics that matter most.
stats/row/big-three
Inline stats (no header)
Four statistics inline without a section heading. For secondary metrics or tight spaces.
stats/row/inline
Stats with call-to-action
Heading, subhead, and CTA button left; three statistics right. Converts metrics into action.
stats/row/with-cta
Boxed stats
Three metrics in bordered cards under a heading. Social-proof visual weight.
stats/boxed/default
Huge stats
Three statistics with very large numbers. Emphasizes scale and impact.
stats/boxed/huge
Stats with testimonial quote
Featured quote with author left, three statistics right. Combines proof points with endorsement.
stats/boxed/with-quote
Stats two-up with intro
Eyebrow, heading, and subhead left; four metrics in a 2x2 grid right. Structured KPI presentation.
stats/boxed/two-up
Stats as progress bars
Four metrics visualized as horizontal progress bars with percentages. For performance or completion data.
stats/row/progress-bars
Stats with icons
Four metrics in cards with icons. Adds visual interest to the KPI display.
stats/boxed/icon-grid
Muted band stats
Four statistics in a full-width light muted band. A KPI pause in the page rhythm.
stats/row/muted-band
Stats with image
Heading and four stats in a 2x2 grid left, image right. Contextualizes metrics visually.
stats/row/split-image
Centered stats with dividers
Four metrics centered, separated by vertical divider lines. Clean and organized.
stats/row/centered-dividers
claude mcp add --transport http rifframe https://rifframe.app/api/mcp > "Add a stats section to my landing page"
Your coding agent can search and pull these sections directly. How it works.