SYKÉA
Landing & MarketingNew

SYKÉA

Le Verger - six eaux de parfum from one Aegean fig orchard.

Free

Quick facts

Pages
4
Version
v1.0.0
Last update
Nov 8, 2026
Who can download
Free (signed in)

Made with

  • HTML
  • CSS
  • JavaScript

Overview

SYKÉA is a full-page fragrance collection landing by SonoJS (Le Verger). Shipped as a zero-build static SPA with self-hosted fonts and a dense WebP frame sequence (desktop + mobile). Six eaux de parfum from one Aegean fig orchard - Figue Verte, Figue Noire, Olivier Blanc, Thym Sauvage, Pierre Chaude, Lait de Figue - with Shop the collection / Discovery set chrome. Demo perfume marketing only - no checkout backend. Run locally with node serve.mjs (port 4785) or host the folder statically on Cloudflare Workers.

Highlights

  1. 01

    Frame-sequence orchard

    Dense WebP frames under frames/d and frames/m drive the scroll cinema stage.

  2. 02

    Six eaux de parfum

    Figue Verte through Lait de Figue with notes, stills, and collection CTAs.

  3. 03

    Le Verger chrome

    Shop the collection, Discovery set, and shopping-bag product UI.

  4. 04

    Custom local server

    serve.mjs - run node serve.mjs for http://127.0.0.1:4785.

You get

  • index.html (complete SYKÉA Le Verger landing)
  • assets/ bundled CSS + JS
  • fonts/ self-hosted type
  • frames/d + frames/m WebP sequence
  • media/ product stills
  • serve.mjs (Node static server)

Run locally

From the unzipped project folder:

Terminal
node serve.mjs

Details

Version
v1.0.0
Last update
Nov 8, 2026
Pages
4
Category
Landing & Marketing

You need

  • Node.js 18+ for local preview (node serve.mjs)
  • Modern browser (CSS + many WebP frames)
  • Optional: Cloudflare Workers / Pages for hosting

Related products

View all

Mainline

Free

Calm SaaS marketing site - ink & champagne, full-bleed hero, pricing and auth.

Changelog Template

Free

Minimal changelog template - product releases, features, and fixes in chronological order.

Aether

Free

Cinematic AI SaaS landing - WebGL hero, Lenis scroll, pricing and FAQ.