MemoryCanvas

MemoryCanvas is a single-page birthday site laid out as an open scrapbook. It starts on a closed cover that the visitor clicks to open, then moves through nine chapters: a title page with portrait and age stamp, a memories timeline, a scrapbook collage, a photo gallery, a poem, birthday wishes, a surprise reveal, a cake page and a thank-you page. The interactive parts include page-flip navigation with next and previous arrows and keyboard keys, pinned polaroids, sticky notes and ticket stubs, a gallery lightbox, a cake page with Blow candles and Cut the cake buttons (no microphone is used), confetti and a music button. If no music file is present, a soft music-box tune is generated in the browser. All the content sits in one config object at the top of the script. The sample name, dates, memories, poem and wishes are placeholders, and the studio replaces them with the customer's own, including real photos in place of the emoji. The look is warm paper and kraft tones with rose and sage accents, set in Fraunces for headings and Caveat for handwriting, with a typewriter-style face for labels. Page turns and the other effects are animated, and reduced-motion is respected. The layout adjusts for phone screens. It suits a milestone birthday gift for a parent or grandparent, or a friend, where the family wants a keepsake they can share by link.