YENNI
All projects

05 / 05

NŌCTIL

Category
Music · Audio-visual experience
Site language
English
Status
Independent concept project

A deep house collective whose music is synthesized live in your browser.

View Live Project
Fig. 01Main screen — the seed over black water

Question

Can a website for music make the sound itself, instead of playing files?

Idea

A fictional underground deep house collective. “The night has a frequency” — the site is closer to a listening room than to a label page.

Visual language

A liquid-metal seed hovers above black reflective water; contour rings pulse with the bass. The object glides between positions and shapes as the page scrolls.

01

Sound as a landscape

The sound section moves from a statement to a contour field and then to three qualities of the music — pressure, rhythm, atmosphere — while the seed follows the scroll.

1 / 3

Fig. 03Sound — “Less noise. More depth.”

2 / 3

Fig. 04Contour field that pulses with the bass

3 / 3

Fig. 05Three qualities — deep pressure, liquid rhythm, afterhours atmosphere
Fig. 06Instrument panel — a generative piece ready to play

02

An instrument, not a player

Each release is a small synthesizer with its own rules. The panel shows tempo, key and state; nothing is pre-recorded.

03

Darkness on a small screen

On a phone the scene stays alive; the catalogue becomes a vertical list and the Night Index keeps its contour chart.

Fig. 07Mobile — main screen
Fig. 08Mobile — catalogue
Fig. 09Mobile — Night Index

04

Archive of nights

Releases, sessions and a private atlas of places — every list is interactive by hover or tap.

Fig. 10Catalogue — four transmissions
Fig. 11Sessions — selected frequencies
Fig. 12Night Index — a private atlas of where it has been
Fig. 13Night Index — a contour chart with entries to open

05

Manifesto and contact

A typographic manifesto and a booking section that is honest about being fictional.

Fig. 14Manifesto
Fig. 15Booking inquiries

06

Until the frequency returns

The closing line fades in with the scroll and ends the experience in silence.

Fig. 16Closing — “Until the frequency returns”

Design details

  1. 01Near-black palette with mineral greys and one cold highlight
  2. 02Wide display type, mono metadata and generous darkness
  3. 03Contour field and grain that react to the music

Interaction

  1. 01Play, switch and fade generative tracks; M toggles sound anywhere
  2. 02Night Index that works by hover or tap
  3. 03Static fallbacks and reduced-motion support

Technology

  • React 19
  • TypeScript
  • Vite
  • Three.js
  • GLSL
  • Web Audio API
View Live Project
All projects
Next project — 01 / 05TIVERMassage studio · Website← Previous: KŌIKEI

1 / 1