Yunjian

Overview

Yunjian is a cinematic mountain-retreat marketing site by SonoJS (demo brand: Yunjian Retreat / 云间, Zhangjiajie). Zero-build static HTML with local CSS, JS modules, Three.js 0.166.1 fog, and Chinese/Latin fonts. Loading seal into Stay above the clouds. hero, scroll chapters for Cliff Suites, Sky Terrace, Mountain Table, and Lantern Night, five-panel chronicle gallery, three-night passage planner, and private stay booking dialog. Mist parallax scene layers. Demo hospitality chrome only - no booking backend. Run with npx --yes serve . (do not open file://).

Highlights

1. 01

   Above-the-clouds hero

   Loading seal into Stay above the clouds. with mist scene layers and Reserve CTA.

2. 02

   Retreat chapters

   Cliff Suites, Sky Terrace, Mountain Table, and Lantern Night scroll story.

3. 03

   Chronicle + passage

   Five-window gallery, three-night itinerary, and private availability planner.

4. 04

   Zero-build static

   npx --yes serve . so ES modules and Three.js fog load (not file://).

You get

• index.html (Yunjian — Above the Clouds)
• css/yunjian.css + js/yunjian.js + js/img-fallback.js
• vendor/three@0.166.1/
• assets/ scenes, gallery, thumbs, textures
• fonts/ (Noto Serif SC, Newsreader, WindSong, Manrope, Ma Shan Zheng)

Run locally

From the unzipped project folder:

npx --yes serve .