Playable: build your bouquet Animated HTML website template

The sample page

Ruiker. Seasonal florist, De Pijp, Amsterdam.

The idea

The florist’s bench becomes the configurator: you pull stems from zinc buckets, the bouquet grows in a spiral as it turns in the hand the way a florist works, and the kraft tag keeps the euro total until you tie it with paper and ribbon.

What to try

Tap or drag stems from the buckets onto the bouquet, drag the bouquet (or use the arrow keys) to turn it, press “Tie with ribbon,” then save it as a PNG plate or order it.

Made for

Florists, nurseries, gift shops, bakeries and build-your-own products

Palette

• #EDE4D3
• #2B2017
• #8C1D3B
• #D3AE7E
• #9BA3A5
• #4C6656

Typefaces

Young Serif + Newsreader

Cultural notes

• Autumn flowers only; tulips show up just as a wink (“in April”) in the cat’s bucket.
• De Pijp with no exact address, no phone number, EUR prices and hours on Amsterdam time.
• The house bouquet, its prices and the order button are visible without playing, without JavaScript and with reduced motion.

The HTML

What you download

• A single index.html file with nothing to install: open it, swap in your brand and copy, and upload it to your hosting.
• In English and Spanish, tested on desktop and mobile.
• Instructions for changing copy, colors, language and prices, plus its license.