Coteau
Wine of one hillside. Coteau's hero is a real Three.js wine glass rendered with physical light transmission, so the glass genuinely refracts and tints as it catches the light. A scroll-drawn SVG traces the vineyard's contour lines, choreographed with GSAP and ScrollTrigger against an editorial serif type system built for long tasting notes. Custom post types hold each vintage and parcel, with an AJAX enquiry form for allocation requests.
Open live preview ↗
Highlights
- A genuinely different macro layout — a “estate manifesto” long-form editorial with a full-bleed vintage cover, a true drop-cap opening, and cuvées laid out as alternating full-width spreads instead of the usual hero-and-card-grid
- Signature real-time Three.js wine-pour hero — a lathe-revolved glass (MeshPhysicalMaterial transmission) fills with wine via a moving clipping plane and meniscus disc as the cover scrolls
- Scroll-drawn SVG terroir cross-section — soil strata fade in and a vine root grows stroke-by-stroke as you descend the page, each layer lighting its own caption
- Cuvée CPT with real tasting-note attributes (varietal, vintage, ABV, production, ageing, vineyard, hue) + Range taxonomy & AJAX tasting/visit enquiry; Cormorant Garamond over EB Garamond, aged parchment & bordeaux with antique-gold hairlines
Overview
Coteau is made for a single-hillside estate that would rather tell one story well than list a catalogue. The homepage reads like a magazine feature — a full-bleed cover, a long-form manifesto with drop cap and pull quote, a terroir cross-section, the cuvées as alternating full-width spreads, a vintage timeline, and the year of the vine.
The signature is a real Three.js wine glass on the cover: a lathed glass with physical transmission that refracts a warm cellar environment, and a wine body revealed by a moving clipping plane — the glass literally fills with wine as you scroll. A second technique draws the estate’s terroir cross-section in SVG as you pass it: the soil strata fade in and the vine roots draw themselves downward, each stratum’s caption lighting in turn. A third is an interactive, draggable vintage timeline. Set in Cormorant Garamond and EB Garamond with drop caps, pull quotes and antique-gold hairlines — deliberately unlike the grotesque-driven templates elsewhere in the catalogue.
What's included
- Full theme source — every template, style sheet & script
- One-click demo importer (idempotent, no page builder)
- Live Customizer controls for copy, colours & content
- Translation-ready .pot file + RTL stylesheet
- HTML documentation + a CHANGELOG file
- Lifetime updates + 6 months support (renewable)
Specifications
| WordPress | 5.6 – 7.0 |
|---|---|
| PHP | 8.0 – 8.3 |
| Browsers | Chrome, Firefox, Safari, Edge (latest) |
| Layout | Fully responsive, mobile → desktop |
| Localization | Translation-ready · RTL included |
| Accessibility | Keyboard-navigable · prefers-reduced-motion |
| Page builder | Not required — native Customizer |
| License | GNU GPL v2 · single-site commercial |
Release
The complete, dated version history ships in the theme’s CHANGELOG file. Every purchase includes lifetime access to future updates.
