# Stationery Retail Catalogue

Demo: [stationery-retail-catalogue](../stationery-retail-catalogue/) (BF16), [nvfp4-stationery-retail-catalogue](../nvfp4-stationery-retail-catalogue/) (NVFP4), [q8-stationery-retail-catalogue](../q8-stationery-retail-catalogue/) (Q8)

Build a traditional, responsive, multi-section colorful retail catalogue for a playful independent stationery and paper-goods shop. Its purpose is to encourage discovery across small products and gift bundles. Art direction: Confident flat color, expressive product silhouettes, oversized type, sticker-like accents, and responsive but disciplined motion. Use paper layers, punchy inks, and neatly bounded sticker-like details. Include these sections: seasonal desk; product categories; build-a-set; artist collaborations; shipping and returns. Include these site features: category and color filters; bundle savings; stock states. The main interaction is: A bundle tray accepts five items and updates color balance and total.

Deliver one complete, self-contained HTML document with all CSS and JavaScript inline. Google Fonts from fonts.googleapis.com and fonts.gstatic.com are allowed. A library may be loaded only from a pinned, version-specific URL on cdn.jsdelivr.net, unpkg.com, or cdnjs.cloudflare.com. No other external host is allowed. Generate every image, icon, illustration, and texture in-page with CSS, inline SVG, or canvas; never hotlink an image or fetch an arbitrary or user-controlled URL. The document must work as a standalone file in a modern browser.
