Polaroid Photo Deck — Tactile Portfolio Cycle
A clickable polaroid stack on a portfolio or homepage that flicks one photo aside each click to reveal the next, giving visitors a tactile way to thumb through recent work — pilots a creative project archive but the pattern fits any small, curated visual collection.
Best for: Portfolio or homepage hero sections where a small, curated set of images deserves to feel like a hand-held artifact rather than a sterile grid.
Live preview — scroll inside the frame to see the full page.
What it does
- Stacked polaroid hero — a small deck of overlapping photo cards greets visitors, each one slightly rotated for a hand-placed feel
- Click-to-flick interaction — every click sends the top photo flicking off to the side, revealing the next image with a satisfying motion
- Looping deck — once the visitor has cycled through every photo, the deck quietly resets so the experience can run forever
- Caption beneath each card — a short title or project name sits under each image so the deck still functions as a labeled portfolio
- Calm surrounding layout — the rest of the page stays restrained so the deck remains the centerpiece
Best use cases
- Photographers — recent work, signature shoots, or a curated portfolio teaser on the homepage
- Designers and illustrators — selected projects shown one at a time rather than as a grid
- Course creators — a tactile gallery of student wins, before-and-after results, or behind-the-scenes moments
- Studios and agencies — a small, deliberate selected-works hero on the landing page
- Authors and creators — book covers, magazine features, or press mentions presented as a flippable stack
What you can change with your DNA
When you run this through the remix skill, your CCOS DNA — brand, voice, audience — drives these decisions automatically:
- Colors — slots for the page background, polaroid card color, caption text, and accent shadow. Swap for any niche register from gallery white to studio black.
- Fonts — two roles: a display or serif font for the photo captions and a clean body font for any surrounding copy
- Copy — page intro, polaroid captions (one per photo), and any supporting hero text or call to action
- Images — the photo deck itself is the centerpiece. Swap in 4–8 of your strongest images, sized consistently for the polaroid frame.
- Behavior — control how many photos sit in the deck, how far each one flicks, and how the loop resets
How remixing works
From "swiped it" to "shipped it" in three steps.
Pick a remix
Browse the library, find one that fits — like this one.
Run it through your DNA
The remix skill uses your CCOS DNA to swap colors, fonts, copy, and structure so it lands as yours.
Ship it
Paste the finished HTML into Thinkific, Kajabi, WordPress, or any platform that takes embed code.
Create a new list
Save your favorites
Email me a magic link and I'll add this to your favorites list.