Mike Smith DesignThemes

Calder

A five-page Astro theme for documentary and editorial photographers: poster-scale kinetic titles, a pinned image stack, a horizontal scroll pan and a chromeless lightbox. Built for photographers and the developers who build their sites.

The Calder home page
A section of the Calder demo
A section of the Calder demo
A section of the Calder demo
A section of the Calder demo
Calder on a phone

Six screens from the live demo. Scroll or step through.

Calder is a five-page photographer portfolio theme, built around scroll choreography instead of static galleries. A full-bleed opening frame with the name at poster scale, a pinned image stack that covers plate over plate, a horizontal pan driven by vertical scroll, and one moment per series where a print grows from book-plate size to full-bleed. Every series is generated from a single JSON file, so adding a new body of work is an edit, not a new page.

Calder is a photographer portfolio template built with Astro, for developers and freelancers making sites for photographers. Buy it once and use it on as many client projects as you like.

What you edit

  • site.json: photographer name, statement, location, email, phone, Instagram
  • series.json: your projects, generated as pages automatically, reorder or add photo blocks freely
  • about.astro and contact.astro: the bio and commission copy
  • public/img: your own photography

What is in it

  • Astro 7, zero frameworks, one global stylesheet
  • Lenis smooth scroll plus a pinned image stack, a scroll-driven horizontal pan and a grow-to-full-bleed sequence
  • Series pages generated from JSON with getStaticPaths, add a body of work without touching a template
  • Chromeless lightbox viewer with keyboard paging, and a commission enquiry form
  • Four colour packs with a one-click switcher: Gallery, Museum, Darkroom and Selenium
  • Fully responsive, every choreography gated behind prefers-reduced-motion (a complete static book when motion is off), semantic HTML
  • Builds to pure static files, deploy free on Vercel, Netlify or GitHub Pages

Try it free first

Erin Calder Lite is the free one page HTML cut of this theme: same design, no build step, no sign up. The full theme adds all 4 colour packs, the JSON data layer and the working parts above.


More for portfolios, and elsewhere