Accordion expandable case studies

A responsive grid of case study cards with thumbnail, title, and summary. The go to layout for browsing a portfolio of client projects at once.

A case study block built around one large hero image with supporting copy. Use it when the visual result of the project tells the story best.

A two column block placing a project image beside its written story. Pairs visuals and narrative to walk readers through a single case study.

A timeline that maps a project across stages from the first brief to outcome. Use it to show your process and results step by step in one case study.

A carousel that slides through featured projects one at a time, each with a cover image and title. Use it to spotlight your best work on a portfolio home page.

A grid of project thumbnails that reveal a title, role, and link on hover. Use it to keep a portfolio index clean while exposing detail on demand.

A full width hero that frames one flagship project with a big image, title, and short summary. Use it to open a case study or anchor a portfolio.

A two column layout pairing a project screenshot with details and a link beside it. Use it to present featured work with room for context and notes.

A vertical stack of project cards, each holding an image, title, and tags. Use it to walk visitors through selected highlights in a clear reading order.

A project grid with category filters across the top so visitors narrow results by tag or type. Use it when a portfolio holds varied work across many fields.

A vertical stack of client quotes paired with project names and roles. Use it to weave testimonials into a project page and back up your results with words.

An even grid of project cards, each with a cover image, title, and short caption. Use it as the main index for browsing a portfolio at a glance.