Soft Stack Stats Panel

A stacked stat widget with oversized numeric values, editable icon images, compact side labels, soft card rows, and premium scroll-triggered text animations.

Turn your data into a compelling visual narrative with the Soft Stack Stats Panel. When you need to showcase project results, ROI, or company milestones, dropping raw numbers into a standard text block rarely creates the impact you want. This widget transforms your key performance indicators (KPIs) into a sleek, highly readable, and modern design feature.

Design & Visual Architecture

This component champions a clean, soft, and approachable aesthetic that feels right at home on modern SaaS, agency, or tech websites.

The Soft Stack Layout: The design features a vertical stack of three elongated, pill-shaped cards. The generous border radius gives the component a friendly, modern, and polished look.

Color Palette: Set against a soft, pale blue background, the content is rendered in a vibrant, electric blue. This monochromatic, high-contrast approach keeps the design incredibly clean while ensuring the data pops.

Typographic Hierarchy: The layout is brilliantly split. On the left, massive, bold typography proudly displays the core metric (e.g., "24%", "3.2x", "18d"). On the right, a minimalist icon (like a trend arrow or a clock) pairs with crisp, uppercase supporting text to provide immediate context without cluttering the card.

Strategic Use Cases

Because of its horizontal flow and stacked nature, this widget is incredibly versatile and fits perfectly into narrower columns or alongside larger blocks of text. It is highly effective in the following scenarios:

• Case Studies & Portfolios: Place this directly next to a project description to immediately highlight the tangible results you delivered for a client (like higher engagement or inbound lead lifts).
• SaaS Landing Pages: Use it just below your hero section to build instant trust, showcasing platform performance metrics or average user ROI.
• Service & Pricing Pages: Clearly outline the benefits of working with you by highlighting turnaround times (e.g., "18d typical turnaround") or efficiency gains.
• Agency "About Us" Pages: Display company milestones, years in business, or client satisfaction scores in a format that feels sophisticated and intentional.

How Easy It Is to Add to Your Site

You don't need to hire a developer or install a heavy, site-slowing plugin to get this exact look. Built entirely with pristine, lightweight HTML and CSS, the Soft Stack Stats Panel is designed for frictionless installation:

• WordPress & Squarespace: By connecting your site to the Redesignee Extension (or WordPress plugin), you can browse for this widget, open the live visual editor to swap the electric blue for your own brand colors, and deploy it to your page in seconds. It bypasses rigid theme constraints entirely.
• Other Platforms (Webflow, Shopify, Wix): If you aren't using an extension, deployment is still effortless. Simply copy the lightweight code snippet and paste it into a standard Custom HTML or Code Block within your page builder. The flexbox-based layout ensures that the stacked cards scale flawlessly and remain perfectly responsive across desktop, tablet, and mobile devices.

How to install Soft Stack Stats Panel to your website

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

Install on Squarespace

Edit Soft Stack Stats Panel 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

Install on WordPress

Connect natively via Gutenberg or Elementor

+−

Make sure you have the free Redesignee WordPress Plugin installed. To drop the Soft Stack Stats Panel 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

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.