Customer Story Page

v1.0.0·Added in 1.7.0

A SaaS case study page: customer facts, results that count up, a story with pull quotes, a sticky company sidebar and more stories.

The breadcrumb leads back to /customers (a Back link on phones). The hero shows the Acme and Northwind lockup, the headline and summary, Talk to sales, Start for free and a Copy link button that copies the page address and confirms with a check. A wordmark panel sits beside the copy, and the industry, size, region and plan facts run under a hairline. The four key results roll up once when they scroll into view (still under reduced motion and in screenshots). The story reads in a 700px column: numbered Challenge, Solution and Results sections, check-marked points, the drawn sprint planning board with a caption and two pull quotes from Northwind's VP of Engineering. From 1024px the sidebar stays in view (a sidebar taller than the window sticks by its bottom edge, so Talk to sales stays reachable): the company card with facts, the four products used (each a link to /product/<x>), integrations and Talk to sales, then an In this story list that tracks the section you are reading and jumps to it. On phones the sidebar follows the story. Below come quotes from three Northwind engineers, three more story cards (each one link to /customers/<slug>) with All customer stories, and the closing band.