McAllister Gallery
A single-page gallery for a Connecticut artist pairing original watercolors, acrylics and mixed media with a healthcare-access mission. Serif hero with an inline painting chip, a drag-to-explore On View rail of six highlights, a 22-work filterable masonry collection with numbered catalogue captions, and a museum lightbox with keyboard/swipe navigation. Cormorant Garamond over Inter on paper-white, all motion honoring prefers-reduced-motion — three hand-written files, no framework, no bundler, no npm.
What Wasn't Working
An artist-run gallery needed a quiet, editorial one-page site to show original works and route purchase interest — without frameworks, build tooling, or hosting complexity.
How I Fixed It
Three hand-written files deliver a serif editorial hero, drag-to-explore highlights rail, filterable masonry grid and full-screen lightbox, with the entire collection editable as one array and per-piece inquiry links driving Instagram DMs.