Feature Pills Stack

The Feature Pills Stack is a minimalist, modular component designed to organize core capabilities or features into a clean, vertical sequence. Eschewing the traditional bulky grid, this widget uses sleek, rounded "pill" shapes that create a modern, app-like interface. It is the perfect choice for creative professionals and tech-forward agencies who want to present their services or product highlights with an organized, high-end editorial feel.

Design & Visual Aesthetic

The widget focuses on a soft, contemporary look that prioritizes ease of scanning and professional polish.

• Pill-Shaped Geometry: The elongated, rounded containers provide a friendly yet structured aesthetic. The consistent shape creates a satisfying visual repetition, while the varied widths (staggered or aligned) can add an extra layer of dynamic rhythm to the page.
• Integrated Iconography: Each pill features a dedicated circular housing for icons or portraits. This allows for a "human-centric" design, where team member faces or custom brand icons provide immediate visual context for the text.
• Soft Depth & Elevation: Subtle drop shadows and a clean, monochromatic color palette give the stack a sense of depth. The result is a "floating" effect that makes the features feel interactive and modern against any background.

Core Features

• Flexible List Management: Easily add or remove pills to fit your specific feature set. The vertical stacking logic ensures the layout remains perfectly balanced whether you have three items or ten.
• Dynamic Vertical Rhythm: The spacing between pills is optimized for readability, ensuring that your core capabilities don't feel cluttered or overwhelmed by the surrounding content.
• Fully Responsive Scaling: Built to transition seamlessly across devices. On mobile, the pills maintain their elegant proportions, ensuring that the "app-like" experience is preserved for touch-based navigation.
• Interactive Hover States: Through the Redesignee interface, you can add subtle hover effects that lift or highlight the pills, signaling to the user that these are clickable or key areas of focus.

Where to Use This Widget

The Feature Pills Stack is highly versatile and works best in sections where you need to list multiple items with clarity:

• Service & Capability Lists: Perfect for an "Our Expertise" section where you want to break down complex offerings into digestible, high-level categories like "Brand Systems" or "Motion Identity."
• Team Feature Highlights: Use it to showcase specific team members alongside their specialty, creating a personal and organized "Meet the Experts" section.
• Product Key Features: Ideal for software or app landing pages to list out unique selling points (USPs) in a way that feels native to a digital interface.
• Process Steps: Use the stack to outline a workflow or "Launch Support" phases, giving the user a clear, step-by-step understanding of your professional process.

How to install Feature Pills Stack to your website

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

Install on Squarespace

Edit visually using the extension or native blocks

+−

First, ensure you have pasted the global Redesignee connector script into your site's Code Injection settings. 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. If you are using 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.