Grid case study previews

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.

An accordion that expands each case study to reveal the full story. Use it to list many projects while keeping the page compact until one is tapped.

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.