Case Study Cards

1. Module Location

The Case Study Cards module is saved in the Design Manager, under Content.

Path: Manage → Content → Design Manager

2. How to Use the Module

Step 1 — Find the module

Click the + icon in the page editor to open Add modules, then search for the module name “Case Study Cards.”

Step 2 — Add it to the page

Drag the module from the search results panel onto the desired section of the page.

Step 3 — Edit the content

Open the module's Content tab to edit the Eyebrow, Heading, View All Button Text with its View All URL, and the Case Studies repeater (1–12 cards).

To update an individual case card, hover over the item in the Case Studies list and click the pencil icon that appears.

Editing a card opens a detail panel where you can set its Image, Industry Tag (e.g. #Aerospace), Title, Description, Hashtags (comma-separated, e.g. WireEDM, Defense), Metric Value with its Metric Label (e.g. −38% / CYCLE TIME), and the Card Link URL — the whole card is clickable. Leaving the image empty shows a “PART IMAGE” placeholder. Use the Previous / Next controls at the top to move between cards.

Step 4 — Customize the styling

Switch to the Styles tab to adjust the module's appearance. Styling is organized into four collapsible groups: Section Background, Typography, Cards, and Buttons.

Section Background

Set the background color and the top/bottom spacing (in px) around the module.

Typography

Control the font family, size, weight, and color independently for the Eyebrow, Heading, Card Title, Card Description, Metric Value, and Meta (pill, tags, placeholder, and metric label) text.

Cards & Buttons

Under Cards, set the card background and border colors, corner radius, image height (px), and the Accent Color used for the metric value. Cards Per Row controls the column count on desktop (1–4), with independent overrides for Tablet (1–4) and Mobile (1–2). Under Buttons, style the View All button's font, background and border colors, and corner radius.

3. Quick Reference

• Add module: Search “Case Study Cards” → drag onto page
• Edit content: Content tab → Eyebrow / Heading / View All Button Text + URL / Case Studies (1–12)
• Edit a single card: hover → pencil icon → Image / Industry Tag / Title / Description / Hashtags / Metric Value + Label / Card Link URL
• Hashtags: comma-separated text (e.g. WireEDM, Defense) — split into chips automatically
• Edit styling: Styles tab → Section Background / Typography / Cards / Buttons
• Cards per row: Cards group → Desktop 1–4 / Tablet 1–4 / Mobile 1–2 (defaults 3 / 2 / 1)