← All componentsMarketing blocksCustomer Stories
Case-study cards with invented company wordmarks, a big key metric, a quote and a read-story link, plus a featured story with a stats panel.
Preview
Customer stories
Teams that found a calmer week
PebbleLogistics software · 140 people How Pebble replaced Monday status calls with one plan
“We stopped arguing about status. The plan just says it, and our Monday call became a two-minute read.”
MOMalik Osei · Eng managerRead story: Pebble−62%time spent on status each week
- shipped per cycle
- +18%
- to roll out
- 3 wks
PebbleDesign studio
4× faster design reviews, Pebble
faster design reviews
“Feedback finally lives next to the deadline.”
PebbleRetail ops
9 min average standup, Pebble
average standup
“The cycle review writes itself. Nobody asks where the numbers came from.”
0 missed launch dates this year, Pebble
missed launch dates this year
“I read one page on Monday and know where to help.”
Install
Pro source requires Pebble Pro. Try the full preview above.
Props
| Prop | Type | Default | Description |
|---|
| stories | CustomerStory[] | — | { id, company, glyph?, tone?, industry?, metric, quote, person, href }. Companies are invented wordmarks; the whole card links to href. |
| featured | CustomerStory & { title?, stats? } | — | Story shown large with a headline metric and a stats strip. |
| eyebrow | ReactNode | — | Small label with an ember dot. |
| title | ReactNode | — | Heading; names the section (otherwise "Customer stories"). |
| description | ReactNode | — | Line under the heading. |
| readLabel | string | "Read story" | Link label. |
| headingLevel | 2 | 3 | 2 | Heading level of the title; story titles are one level below. |
Pro component
Try the full preview above. Editable source and build guides require Pebble Pro.