Split image and details layout

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 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 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.

A row of cards calling out key numbers like projects shipped, clients, and years active. Use it to quantify your track record near the top of a portfolio.

Alternating rows that flip image and text side to side down the page. Use it to give each project room to breathe with a clear narrative flow.

A single app screen as a Placeholder with numbered markers keyed to a side list naming the design decision behind each area.

A redesign case study with two Placeholder images side by side, each followed by a paragraph that names the problem or outcome and one unresolved edge case.

A case study opening with a full-width Placeholder hero and a bordered panel showing the project title, subtitle, and a meta table of client, role, duration, and year.