Portfolio Grid

A project-led portfolio with an asymmetric grid, large covers, and magazine-style index. Designed for designers and front-end engineers who want their work to do the talking.

Use this template →

What's editable

  • HeroName, one-line headline, intro paragraph
  • ProjectsUp to 24 entries — cover image, role, year, summary, link
  • Contact emailFeatured CTA in the footer
  • Profile linksUp to 6 social/are.na/dribbble links

Why this template

The grid uses CSS :has() to vary tile sizes based on project count — single-project portfolios get a single wide tile; longer lists get a 7/5/12 rhythm so the page never feels uniform.

Hover state lifts each card, reveals a subtle bottom gradient on the cover, and slides the "Visit ↗" arrow. A live "Available for work" pulse sits in the top-right when you want to signal availability — leave the intro empty when you don't.

Bring your own cover images via URL — Unsplash, Cloudinary, your CDN, anywhere. They render full-bleed inside the grid tiles.

Ship your portfolio today.

Free to use. Add a custom domain on the Pro plan ($12/mo) and publish at yourname.com.

Use this template →