The template
The portfolio you’re looking at, as a template
Everything on pureinteractivedesign.com — the layouts, the motion, the type system, the generated share images — as an Astro project you own and deploy.
What’s included
Every page type
Home, work index, long-form case studies, about, writing, a /now page, 404, RSS, and a sitemap.
Two hero layouts
A split hero with a swappable interactive visual (target, vector field, or your photo), or a full-bleed statement.
Generated OG images
A 1200×630 card per page, built automatically from your content.
Light & dark
System-aware, no flash, a toggle, and one accent token to recolour the whole thing.
Motion, done right
View Transitions, scroll reveals, cursor-tracked details — all gated by prefers-reduced-motion and degrading without JS.
No framework tax
Astro + MDX, static output, ~1KB of JavaScript. No React, no Tailwind, no build gymnastics.
Questions
- What do I need to know?
- Comfort with HTML, CSS, and a little JavaScript. You edit one config file, drop in Markdown, and deploy. Full customization guide included.
- How do I deploy it?
- It builds to static files — import the repo into Cloudflare Pages, Vercel, or Netlify with no configuration. Notes for each are in the repo.
- Can I use it for client work?
- Yes. One purchase covers your own site and unlimited client projects. You can’t resell the template itself.
- Do I get updates?
- Yes — lifetime updates to the version you bought.