PG-16 ยท Beverage brand
Halvard Tonic
A launch page for a drinks brand with a 3D glass bottle that turns as you scroll, then the range with an order form, how it is made, and where to buy.
$129 one-time, for one website. Or every template with a pager membership.
Buy Halvard TonicOpen the live preview
Sections
- Pinned story with a 3D bottle in four stages
- Range with order form
- How it is made (dark)
- Stockists
- Footer
In the ZIP
- index.html, with css/ and js/ folders
- The 3D scene and scroll code (all MIT or Apache-2.0, licences included)
- Font files with their licences
- Still pictures used when 3D is unavailable
- DESIGN-TOKENS.md: colours and fonts on one page, for Figma or a designer
- LICENSES-THIRD-PARTY.md
- AI-INSTRUCTIONS.md for Claude or ChatGPT
- README.md for you
Opens best on a web server (every host in the instructions is one). The 3D scene needs a browser with WebGL; opened from a folder, or with reduced motion on, visitors see still pictures instead.
How it works
Buy the template and download the ZIP. Drag it into a chat with Claude or ChatGPT and tell it about your business. It follows the included AI-INSTRUCTIONS.md to change the words, colours, fonts and pictures, then walks you through putting the site online on Netlify or Vercel, both free for small sites. Prefer not to do it yourself? We can customize it and put it online for you.