The Lounge

Web DevelopmentFront-End Development

Cocktail lounge on Central Ave, Orange NJ. Speakeasy smoke + oxblood + brass + ivory. Drifting smoke-curl SVGs + brass-line dividers.

Next.js 16MotionTailwind v4

Overview

The Lounge is a cocktail bar with 180 reviews. The site is hushed-room theatrical — deep smoke-black surfaces, oxblood maroon for accents, brass for hairlines, ivory for body. Two drifting smoke-curl SVGs (one rose-magenta, one oxblood) curl up behind the centered Cinzel-display headline. The cocktail list runs eight rows deep with dashed dividers. Weekly nights grid (Vinyl Wednesday, Jazz Trio Thursday, Late Set Friday, Cocktail Class Saturday). Pinyon Script for the 'welcome to' / 'behind the bar' subtitles. Reserve section in full-bleed oxblood.

Features

Two drifting smoke-curl SVG animations
Cinzel display with 0.06em letter-spacing
Brass-line gradient hairline dividers
8-cocktail list with dashed leader dividers
4-night weekly programming grid

Technologies Used

Next.js 16
React 19
Tailwind CSS v4
Motion
Cinzel + Inter + Pinyon Script

Challenges & Solutions

Challenges

Speakeasy aesthetic is over-done — needed distinctive restraint
Differentiating from Cantina 443's neon-loud bar vibe

Solutions

Smoke-and-brass theatrical instead of neon-and-magenta — opposite mood
Pinyon Script + Cinzel pairing is unlike anything in registry