Immersive Garden

The reference for cinematic creative-studio portfolio — PSTimes serif + Helvetica Neue on monochrome black/light-grey, 2088px wide container, JS-driven preloader hides content until reveal.

Creative Studio Digital Experience Studio flagship

Design tokens

black

blackOff

lightGrey

linkBlue

display: PSTimes, serif (bespoke PostScript Times)
body: HelveticaNeueRegular, sans-serif (paid Linotype)
mono: (none)

Do / Don't

Reference it for

Pure black #030303 + light grey #e8e8e8 extreme monochrome for cinematic creative studios
PSTimes serif + Helvetica Neue Regular classic Swiss-modern pairing
Single-weight (400) discipline across display + body
5-step type scale (14, 16, 22, 28, 44px) — Swiss restraint
Circle-only border-radius — no rectangular radii whatsoever
2088px content cap for 4K-display-friendly layouts
160px gap as generous breathing room
1.9s extremely-slow opacity transitions — distinctive cinematic feel

Do not copy

The Immersive Garden brand identity and content
The "Transcend anything seen or felt before" copy
The 180 @font-face declarations — heavy
The bespoke PSTimes serif licence
The Helvetica Neue Regular licence
The 1.9s opacity transition without a clear cinematic justification

Signature moves

extreme-monochrome cinematic studio canvas

pure black #030303 with light grey #e8e8e8, a single weight 400 across PSTimes serif + Helvetica Neue, a 5-step scale (14/16/22/28/44px) and circle-only border-radius read as cinematic Swiss restraint.

JS-driven preloader reveal

a heavy preloader hides content until a JS-driven intro animation reveals it, with 0 CSS keyframes (all motion JS-driven) and distinctively slow 1.9s opacity transitions plus an expo-out colour curve.

Related references

Chipsa

niche

Creative Studio

Russian creative-agency portfolio with a 24-column grid, light/dark theme tokens, PPNeueMontreal + PPRightGrotesk pairing, and a leva-driven WebGL/canvas experimentation layer.

Studio Null

niche

Creative Studio

A craft-led digital studio's portfolio where the preloader is the brand statement — blue gradient + film grain + serif/sans clash + tiny mono chrome, then the page loads.

Abhishek Jha

niche

Design Portfolio

Indian designer personal portfolio — 4-font system (DM Sans + thunder + editorial + playground), 17-step scale up to 288px, dark plum + pink palette, 9-keyframe marquee/cloud motion.

Alche

strong

Creative Studio

The reference for Japanese virtual-character + immersive experience studios — Astro v5 build, neon yellow-green accent, 5-font multi-language system, KizunaAI case study.