Metric

Style One

Centered metrics display with muted background container. Features large primary-colored values in a three-column grid layout, perfect for highlighting key achievements.

Style Two

Bordered metrics section with four-column responsive grid. Simple, clean layout with top and bottom borders separating the metrics from surrounding content.

Style Three

Metrics with header and call-to-action buttons. Features responsive button placement and additional descriptions for each metric, ideal for conversion-focused pages.

Style Four

Split layout with image and metrics grid. Combines compelling visuals with statistics, featuring descriptive text for each metric and a strong heading section.

Style Five

Compact icon-based metrics in horizontal layout. Features icons next to values for visual interest, perfect for dashboard-style metric displays with minimal vertical space.

Style Six

Card-based metrics with icon badges. Each metric presented in a rounded card with circular icon background, ideal for emphasizing individual statistics with equal weight.

Style Seven

Two-column layout with contextual section. Features heading with descriptive copy alongside a compact 2x2 metrics grid, great for storytelling with data.

Style Eight

Detailed card metrics with descriptions. Each statistic includes an icon, value, label, and supporting description text within a bordered card container.

Style Nine

Primary-colored hero metrics section. Bold primary background with grid pattern overlay and centered layout, perfect for high-impact metric showcases.

Style Ten

Business metrics with growth badges. Features hover effects, icon containers, and trend badges showing percentage changes, ideal for dashboards and reports.