CASK No. 9 — Single-Malt Distillery
Aged in patience.
A warm, craft-proud launch site for a single-malt whisky distillery where scrolling travels through the aging years: a whisky glass fills and deepens from pale gold to mahogany while an age counter ticks to eighteen, and grain → cask → glass chapters parallax behind it — all hand-drawn SVG/CSS, no photography. A tasting-notes wheel, three expressions, a distillery story and an age-gated reserve flow complete a static-export site.
Role · Design + front-end build (GSAP scroll choreography, all-SVG craft) · Updated Jul 2026
- 6 page types: scroll-cinema home, expressions, a full expression page, distillery, the-cask editorial, visit/reserve
- The SVG glass-fill + age-counter cinema and parallax grain→cask→glass chapters as reusable components
- An SVG tasting-notes wheel + procedural bottle and landscape art — zero image assets
- GSAP ScrollTrigger + Lenis motion foundation with a reduced-motion matchMedia gate and an age gate
- Delivery
- 3–4 days
- Licence
- One-time licence · full source
- Support
- 14 days setup support
- Updates
- Free updates included
Backend · CMS / commerce
Expressions, tasting notes and copy are typed data; wire the reserve/visit flow to any commerce or booking provider and the content to a CMS.
Delivered as full Next.js source. Swap the expressions and tasting notes, retheme the amber accent, and wire reserve/visit to your provider — everything is SVG + typed data.
What makes it special
Scroll is time
The centerpiece is a whisky glass whose amber fill rises and darkens — pale gold to mahogany — as an age counter climbs from zero to eighteen years, all driven by scroll and drawn entirely in SVG/CSS. No WebGL, no images, flawless everywhere.
Grain to glass
Behind the glass, procedural chapters parallax through the barley field, the cask warehouse and the pour, each a composed SVG/CSS scene drifting at its own rate — a distillery told as a journey.
A tasting-notes wheel
An elegant SVG flavour wheel (nose / palate / finish) plus per-expression note breakdowns give the range real depth — the kind of detail whisky buyers expect.
A complete distillery IA
Home cinema, a three-expression range, a full product page, a distillery story, an editorial on oak and maturation, and an age-gated visit/reserve flow.
Characterful and accessible
A candlelit espresso-and-amber system with every scene behind prefers-reduced-motion — the reduced path shows a richly-filled static glass and the counter at eighteen, which doubles as the store card. Includes an age gate. Self-hosted fonts, no runtime external requests.
What’s included
- 6 page types: scroll-cinema home, expressions, a full expression page, distillery, the-cask editorial, visit/reserve
- The SVG glass-fill + age-counter cinema and parallax grain→cask→glass chapters as reusable components
- An SVG tasting-notes wheel + procedural bottle and landscape art — zero image assets
- GSAP ScrollTrigger + Lenis motion foundation with a reduced-motion matchMedia gate and an age gate
- Full Next.js 15 / TypeScript source, static export, WCAG 2.2 AA intent
More Food & Drink templates
Explore more collections
Frequently asked
- What do I get when I buy CASK No. 9?
- A one-time licence with the full, editable source code, including 6 page types: scroll-cinema home, expressions, a full expression page, distillery, the-cask editorial, visit/reserve, the svg glass-fill + age-counter cinema and parallax grain→cask→glass chapters as reusable components, an svg tasting-notes wheel + procedural bottle and landscape art — zero image assets. 14 days setup support and free updates included.
- What is CASK No. 9 built with?
- It's a Next.js marketing site, built with Next.js 15, TypeScript, Tailwind v4, GSAP ScrollTrigger, Lenis. You receive the complete source to host and extend anywhere.
- Can YantraCore customise CASK No. 9 for my brand?
- Yes — buy it as-is for $4,000, or have YantraCore tailor it to your brand, content and requirements. Start from this page or commission a custom build.
- How fast is delivery?
- Delivery is 3–4 days after purchase.
Make CASK No. 9 yours.
Buy it as-is, or have YantraCore tailor it to your brand and content.