BLUE HOUR is a fictional cellar jazz club. Its signature is invisible until you feel it: every entrance animation on the page is timed to swung eighth notes at the house tempo of 104 BPM — long-short, long-short — instead of the web's usual even stagger.
Jazz clubs on the web get either red velvet kitsch or festival-brutalism. This one aims for the actual sensation of descending the stairs: a neon sign with one unreliable letter, smoke that hangs rather than billows, brass details, and typography from the era when club signage was drawn with a compass.
Poiret One — display. Compass-drawn deco strokes; the letterform equivalent of a clarinet line.
Work Sans Light — body and the wide-tracked caps of the door signage.
| Element | How it works |
|---|---|
| Swing timing | Entrance delays are computed from the house tempo: pairs at 0 and 0.66 of a beat (a jazz triplet feel), not the even 0.1s stagger of default motion design. The rules cards land on the off-beats. |
| Neon sign | Four stacked text-shadows build the tube glow. One letter — the O, of course — is wired to a randomized flicker loop that mostly holds, then buzzes in 60–180ms stutters. |
| Smoke | Sixteen radial-gradient puffs drift on individual sine paths in the club's neon blue, cleared and redrawn each frame at 5–10% alpha. |
| VU meters | Each set on the bill carries a five-bar meter that only swings on hover — alternating ease with per-bar phase delays, at the house tempo. |
| Accessibility | Reduced motion kills flicker, smoke, meters and staggering — the sign stays lit, out of respect. |
| You do | The page does |
|---|---|
| Arrive | The room assembles itself in swing time; the neon warms up |
| Wait by the sign | Sooner or later, the O misbehaves |
| Hover a set | Its VU meter starts comping at 104 BPM |