Fifty one-page layout studies I built while working out the direction for this site. Each one is a complete, responsive page written from scratch in HTML and CSS — no page builder, no template, no framework. They're here because the quickest way to show you what I can do to a storefront is to show you fifty of them.
Every study carries the same content deliberately, so what changes between them is purely the design and the structure. Click any tile to open the full page.
Ten more concepts, each built around a specific motion idea rather than decorated with one. All use GSAP with ScrollTrigger from a CDN, respect prefers-reduced-motion, and fall back to fully readable static pages if the CDN is unreachable.
Ten more, built after a fresh pass on what actually converts on a freelance portfolio. These change the structure, not just the skin: a positioning statement and proof above the fold, case studies written as problem → approach → outcome, each testimonial sitting beside the project it belongs to, and a CTA in three places (hero, after the work, and the close). A third real case study — the custom inventory reconciliation tool — is included, since three strong studies beat a long list of weak ones. All GSAP-animated with the same no-CDN fallback.
Twenty more, each one started from something specific found in the wild rather than from a mood: Pantone naming a white as Colour of the Year, Apple’s Liquid Glass, the CSS Working Group settling masonry on grid-lanes, container queries and anchor positioning reaching baseline, scroll-driven animation replacing what an animation library was for, the European Accessibility Act becoming enforceable, and the 2026 freelance-conversion writing on pricing transparency, fifteen-second scannability and publishing your receipts. Two of them — 34 and 35 — deliberately ship no animation library at all. The rest use GSAP with the same fallback as batches 2 and 3.