19 / 25·Motion & Interaction

BLUE HOUR

Cellar jazz club. Every entrance swings at 104 BPM.

BLUE HOUR homepage — full preview

About the work

A cellar jazz club where the motion design is metronomic: entrances land on swung eighth-notes at 104 BPM, the neon sign flickers on its own circuit, and the smoke never quite clears. The timing grid is the design system.

How it was made

The swing ratio was tuned by ear: straight eighths read as corporate, hard triplets as parody. Two-to-one, slightly relaxed, made the room. The neon flicker got its own pass so it misfires the way old argon does — rarely, then twice.

Like every work in the exhibition, it passed three full iteration passes — a visual critique, a deepening pass, and a QA pass at 390px with reduced motion and zero console errors — and documents itself in its own build guide.

Key features

  • Stagger delays quantized to swung eighths at 104 BPM
  • Neon sign with a hand-written flicker loop
  • Radial smoke atmosphere behind the set times
  • Set-list typography like a card in the window

Technology

  • GSAP timelines
  • Swing quantization
  • CSS

In its own light

BLUE HOUR — desktop homepage
Desktop · 1440
BLUE HOUR — mobile view
Mobile · 390
BLUE HOUR — build guide page
The /guide route — how the work explains itself