All work
Studio · Cocktail Bar · 2026 Brand · Web · 2026

THE BOULEVARD ROOM.

Concept identity and site for a fictional reservations-only craft cocktail bar in the West Bottoms. Programs new menus quarterly.

01 Brief

Imagined client: a husband-wife duo running a 30-seat reservations-only craft cocktail bar in the West Bottoms. New menu every quarter built around a theme. Existing peer-set websites mostly read as wedding-venue or industrial-loft template — too "we host events" and not enough "we know our way around a bottle." The brief is to telegraph "we take this seriously" without being precious about it, and to land the reservation in fewer than three taps.

02 Approach

Treated the brand like a concept album. Heavy display serif italics for menu sections; mono for utility so the cocktails are the only thing on the page that *sings*. Reservation-first home page with hours and address above the fold, semantic HTML menu (not a PDF in a frame), and a single full-bleed hero photograph that does most of the heavy lifting. Oxblood and brass against candle-cream — warm, low-light, not a single drop of "modern minimalist" beige.

03 Outcome

Restaurant skeleton flexed into a more atmospheric register. Proves the same skeleton DNA that handles a smoke-house BBQ joint also handles a midnight cocktail bar without the layout fighting either one. Drink list, hours, and reservation flow render in semantic HTML with no third-party widgets — meaning the page loads in under 800ms even on a Crossroads-tier mobile signal.

02 — The system

Aesthetic system.

fig. ii · palette + type
A Palette
Oxblood
#5C1A1A
primary
Brass
#B89968
accent
Candle
#F1E8D4
paper
Velvet
#0F0E0D
ink
Aged Paper
#D9C9A6
neutral
B Typography
Display
Cormorant Garamond 300 italic
Body
Inter 300
Mono
JetBrains Mono 400
C References
  • 1920s speakeasies
  • Wong Kar-wai cinematography
  • Hemingway, A Moveable Feast
  • Maker's Mark labels
  • Theatrical playbills
04 — Under the hood

Technical notes.

fig. iv
  • 01 Reservation flow handed off to OpenTable via direct deep-link rather than embedded iframe — keeps page weight under 200KB.
  • 02 Menu rendered server-side as semantic <dl> lists; readable by screen readers and Google in a way no PDF can be.
  • 03 Hero photo lazy-loaded with a low-quality blur placeholder so first paint feels instant.
  • 04 Hours shown in the visitor's timezone via JS, with a "kitchen / bar" split because they keep different hours.
  • 05 No analytics, no cookies. Real bars don't track you in.
Web build on the restaurant skeleton. · Disciplines: brand · web.
05 — Keep looking

More work.

fig. v