Website // Spec work that won the room

The Slipper Clutch

A retro rock speakeasy site, built on spec

A retro rock speakeasy in Downtown LA. I built the whole site before anyone asked me to, then used it as the pitch.

Year:
2025
Role:
Designer and engineer
Org:
Axlecore
The Slipper Clutch site hero, neon signage in a dark bar interior

Building the pitch instead of writing one

01

The Slipper Clutch is a retro rock speakeasy at 351 South Broadway: two levels, a full bar, a vintage arcade and pool tables, and a live calendar running rock, punk and indie, ticketed upstairs and free downstairs. The kind of place a stock hospitality template actively works against.

Rather than propose, I built. The site shipped as a live concept with a banner and a modal saying exactly what it was: a design concept made for them, with a way to get in touch. No mockups, no deck. A working site at a URL they could open on their phone in the bar.

That is a real bet. The work is done before there is any commitment to pay for it. It is also the fastest way past the part of a pitch where everyone imagines a different website.

What the site had to do

02

Events are the entire reason a person visits a venue site, so the events table came first and everything else arranged itself around it. An age gate that reads as part of the design rather than an obstacle. A preloader, because the imagery is heavy and a venue site that opens grey looks closed.

The atmosphere problem is the interesting one. A bar sells a feeling, and a site that lists facts about a bar sells nothing. Most of the work went into imagery, type and pacing carrying the room's character before a visitor reads a single word.

The part that outlived the launch

03

A venue site is only as good as its events list, and an events list is only as good as the last time someone updated it. The people who actually know what is playing on Friday are running a bar, not editing a CMS.

So the useful thing I built is not on the site. It is a Google Workspace add-on that lets staff manage event listings straight from a Google Sheet, adding a show, changing a time, refreshing the calendar, with no database access, no login to anything unfamiliar, and no developer in the loop.

Meeting people in the tool they already use beats teaching them a better one. A custom admin panel would have been more satisfying to build and would have been used exactly as long as I was around to answer questions about it.

What it turned into

04

The concept became the engagement, and the engagement became a second one, The Grayson DTLA, for the same client. Five components carried across, and more usefully, so did knowing how a venue site actually gets used.

What I would tell anyone considering spec work: it only pays when the work itself is the argument. A deck describing this site would not have won it.

At three widths

  • Desktop

    The Slipper Clutch site hero, neon signage in a dark bar interior

Decisions

  1. 01Build the pitch

    Shipped as a live concept with a banner saying exactly what it was, instead of a deck.

  2. 02Events first

    The events table came first, and everything else arranged itself around it.

  3. 03Age gate as design

    Part of the entrance, not an obstacle in front of it.

  4. 04Staff edit a Sheet

    A Google Workspace add-on manages listings from a spreadsheet. No CMS, no developer in the loop.

How it ships

  1. Google SheetStaff add a show or change a time in the sheet.
  2. Apps Script add-onValidates rows and refreshes the calendar.
  3. Next.js siteEvents table, age gate, preloader.
  4. Live on VercelShipped as the pitch, at a URL they could open in the bar.

// Spec work only pays when the work itself is the argument. A deck describing this site would not have won it.

Checked for

Accessibility

Performance

Built with

  • Next.js
  • React
  • TypeScript
  • CSS
  • Google Apps Script
  • Google Sheets API
  • Vercel

More work