Case Study Preview Grid — Multi-Story Proof Gateway

What it does

• Card grid layout — multiple case studies appear side by side at glanceable scale
• Industry or context tag per card — short labels (SaaS, e-commerce, coaching) help visitors find the right match
• Headline result per card — one bold outcome line frames the story
• Click-through to full case study — every card links to its dedicated detail page
• Breadth signal — the grid format itself communicates 'we've done this many times' before any reading happens

Best use cases

• Agencies and studios — flagship-work grid on the homepage
• Consultants — case-study gateway showing range across industries
• Coaches — client-results gallery beyond one feature story
• Course creators — student-project showcase on a graduate page
• SaaS — customer-stories grid sorted by use case

What you can change with your DNA

When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:

• Colors — slots for section background, card background, tag accent, headline color, and hover/active state
• Fonts — heading font for card headlines and tags, plus a body font for teaser copy
• Copy — section title, intro line, four to nine card entries (tag, headline, teaser, CTA label)
• Images — case-study thumbnail or cover image per card
• Behavior — choose grid columns (two to four), whether to add filtering by industry, and how many cards display before a 'see all' link