CØFF

Overview

CØFF is a French specialty coffee bar and roastery marketing landing by SonoJS (demo brand: CØFF / Bar à Café de Spécialité). Zero-build static HTML with local Tailwind, GSAP ScrollTrigger, Three.js WebGL background, Iconify, and Manrope / Playfair Display / JetBrains Mono fonts. Hero L'Art de l'Extraction. with Découvrir nos grains / Réserver une table CTAs, De la ferme à la tasse origin story, farm/SCA stats, Finca El Paraiso micro-lot product card with cart chrome, certified review quote, and Paris bar address footer. Demo hospitality chrome only - no checkout or reservation backend. Run with npx --yes serve . or host statically on Cloudflare Workers.

Highlights

1. 01

   Extraction hero

   Cream/moss palette with L'Art de l'Extraction. and grain / table CTAs.

2. 02

   Farm to cup + micro-lot

   Origin story, SCA stats, and Finca El Paraiso product card with cart chrome.

3. 03

   WebGL + GSAP stage

   Three.js ambient canvas with ScrollTrigger motion and magnetic buttons.

4. 04

   Zero-build static

   npx --yes serve . - local Tailwind, GSAP, Three.js, fonts, and stills.

You get

• index.html (CØFF | Bar à Café de Spécialité)
• assets/fonts fonts.css + ttf set
• assets/vendor tailwind, gsap, ScrollTrigger, three, iconify
• assets/images hero, story, product, avatars

Run locally

From the unzipped project folder:

npx --yes serve .