Case Study Card
Figma Component: 26446-190036
GitHub Issue: #282
Card with small title, title, description, and image, followed by stats and a CTA button linking to the full case study.
Functional Documentation
| Role | Scenario | Description |
|---|---|---|
| system | Display card content | Shows small title, title, and description on one side, image on the other. Image sits beside the text on desktop and above the text on mobile. |
| system | Display stats | Shows stats below the description, each with a value and a descriptive label. Stats are separated from the text above by a horizontal line. |
| system | Display CTA button | Shows a button below the stats linking to the full case study. |
| editor | Configure card content | Set small title, title, description, and image. |
| editor | Configure stats | Stat count is not fixed at two — add as many stats as needed. Each stat has a value and a descriptive label. |
| editor | Configure CTA button | Set button label and destination URL. |
| user | Click CTA button | Navigates to destination URL. Shows hover state on hover. |
Properties
Responsive (Variant)
| Value | Example |
|---|---|
| Desktop |  |
| Mobile |  |