Split-Screen Statistics & Impact Grid

Free

Communicate your company's growth and achievements effectively with the Split-Screen Statistics & Impact Grid. This widget moves beyond basic number counters by utilizing a sophisticated, editorial-style split layout that pairs a strong visual headline with a data-rich metric grid.

The design is divided into two distinct panels. The Left Panel serves as the introduction, featuring a large, customizable headline overlaying a subtle SVG Concentric Circle Pattern. This vector background adds depth and professional polish without distracting from the message, and its color can be adjusted to blend perfectly with your chosen background hue.

The Right Panel features a responsive grid system that automatically organizes your key metrics into a clean, two-column layout. Each statistic is treated as an individual slide, allowing you to easily add, remove, or reorder data points within the editor.

Key Features:

  • Dual-Tone Theming: Independently customize the background and text colors for the left and right panels to create high-contrast, impactful designs (e.g., Light on Dark, or Brand Color on White).
  • Editable SVG Background: The concentric circle pattern on the left is a vector graphic, meaning it remains crisp on all screens. You can modify its color and opacity directly in the editor.
  • Full Typography Control: Unlike standard widgets, this tool allows you to edit font families, font sizes, and colors for every element—from the main headline to the smallest stat label—ensuring perfect alignment with your brand guidelines.
  • Responsive Grid Logic: The statistics section adapts seamlessly to screen size, displaying as a balanced 2-column grid on desktops and stacking vertically for optimal readability on mobile devices.
  • Dynamic Content: Easily scale your data reporting by adding unlimited statistic items via the slide interface.

How to install Split-Screen Statistics & Impact Grid to your website

Bring this layout to life on your website in just a few clicks.

Views

Install on Squarespace

Edit Split-Screen Statistics & Impact Grid visually using the native Squarespace extension

+

First, ensure you have connected your website to the native Redesignee extension. Once connected, you have two easy ways to build:

  1. Native Block: Simply add the native Redesignee Widget Block directly from the fluid engine editor menu inside Squarespace.

  2. Manual Markdown: Add a standard Markdown Block, paste your widget’s code snippet, and the Redesignee floating "Customize" button will automatically appear right over the block.

Both methods let you tweak settings, copy items, and design visually in real time. Saving your changes syncs the updates instantly to your live page.

See Squarespace installation guide
Alerts

Install on WordPress

Connect natively via Gutenberg or Elementor

+

Make sure you have the free Redesignee WordPress Plugin installed. To drop the Split-Screen Statistics & Impact Grid into Elementor, simply drag and drop the Redesignee widget from your sidebar. If you are using the Gutenberg Block Editor, click the " + " icon and select the Redesignee Block. Launch the Cloud Library directly inside your workspace, choose your customized template, and import it with a single click. It automatically inherits your theme fonts and styles!

WordPress plugin installation guide
New Item

Install on Other CMS as Code

Quick copy-and-paste for custom setups

+

If you are using Webflow, Shopify, Wix, or a custom HTML site, click the "Export Widget" button on this page and ensure the platform selector is set to "HTML". Click "Copy" to copy the clean, un-nested source code snippet directly to your clipboard. Paste this code into any HTML component, Code Block, or Embed tool inside your website builder. All styles, animations, and scripts are self-contained and ready to run.

This Split-Screen Statistics & Impact Grid widget is optimized and categorized inside the following layout packs:

SaaS Page Design

Convert your product traffic effortlessly. Tweak tech-focused feature sections and pricing tables in our cloud library, grab the optimized code, and paste them directly into your layout.

196 widgets available View Category

Corporate UI Components

Elevate your business site layouts instantly. Browse free and premium corporate modules from our cloud library, adjust elements visually, and copy-paste clean layouts straight to your page engine canvas.

182 widgets available View Category

Dark Theme Design

Deploy sleek, night-mode interfaces effortlessly. Browse dark-mode cards, dashboards, and deep contrast hero layouts from our cloud library, customize styles visually, and copy-paste clean code.

137 widgets available View Category