Sakura — Scroll-Driven Blooming Flower Website Prompt

Create an elegant Sakura fragrance website with a scroll-driven cherry blossom animation. As visitors scroll, a closed pink bud unfolds into a five-petal flower while its branch gradually elongates. Scrolling upward reverses the transformation.

The design pairs warm ivory and blush backgrounds with plum typography, drifting petals, and oversized outlined lettering. Fragrance note cards reveal yuzu, white tea, sakura, hinoki, and musk, while collection, journal, and search dialogs complete the experience.

This one-shot prompt includes the complete HTML, CSS, and JavaScript implementation, verified public artwork URLs, responsive layouts, and precise animation formulas. Built with native Canvas 2D, it requires no external animation libraries or API keys.

Ideal for fragrance concepts, beauty brands, botanical showcases, and premium landing pages. Includes mobile styling, reduced-motion support, and pause/resume controls. Online image assets are required; checkout and payment functionality are not included.