Footer
A warm yellow, envelope-style carousel with layered panels that unfold as you scroll. Recreate the complete effect with one prompt.
Golden Fold is a scroll-driven carousel that turns four content panels into a layered envelope experience. As visitors scroll, each panel rises over the previous one beneath a fixed golden chevron. Scrolling back reverses the movement, letting them explore the content at their own pace.
Its warm yellow palette, buttery panels, dark ochre typography, and thin V-shaped seams create a simple, distinctive presentation. The design contains only the carousel, keeping attention on the content and unfolding effect.
This one-shot prompt includes the complete implementation, exact copy, layout values, responsive rules, font sources, and scroll-motion logic. Dot navigation, previous and next controls, keyboard navigation, and reduced-motion handling are included.
Built with HTML, CSS, and vanilla JavaScript, Golden Fold requires no framework, animation library, or backend. Use it to present a creative process, brand story, service sequence, or editorial narrative.