CaseStudyCards
two to twelve stories as cards with a cover, a tag and two results: when there are several customers to show, not one to tell
Install
npx shadcn-vue@latest add @trame/content-case-study-cards # Vue
npx shadcn@latest add @trame/content-case-study-cards # Reactgrid-previews
@trame/content-case-study-cards--grid-previews two to twelve stories as cards with a cover, a tag and two results: when there are several customers to show, not one to tell
overlay-rail
@trame/content-case-study-cards--overlay-rail three to ten stories with strong covers as tall cards in a swipe rail, the headline and first result over the cover: a marketing page with good pictures
overlay-mosaic
@trame/content-case-study-cards--overlay-mosaic four to six stories as a bento of covers, the first one tall, the text over each cover: a more editorial proof section
figure-cover
@trame/content-case-study-cards--figure-cover cards whose cover carries the customer’s first figure very large, the headline and a second result under it: when the results are the pitch (the customer’s own figures only)
feature-rows
@trame/content-case-study-cards--feature-rows two to four deep stories as wide alternating rows, the cover beside the headline and all the results as a strip of figures: a few customers told at length