Velvet HourThe night is early.Forty seats, a wall of records, and the kitchen open past midnight.Reserve a tableTonight · ballads on waxDoors · 7pmKitchen till 1am

Demo brand · a 40-seat vinyl listening bar behind a ramen shop

ExperienceTier: Premium

After Hours

A hospitality direction where warmth, low light, and tonight's program pull the visitor toward one reservation.

Feeling: The night has already started and there is a seat being held.
Composition: Atmosphere hero → tonight's program → the space and the menu → location and hours → reservation action.
Motion: Slow warm glow pulses, image crossfades between rooms, and a steady reservation control that never moves.
Guardrail: Do not use strobing neon flicker, autoplaying audio, or fake fully-booked pressure.
Best for: Bar or lounge · Restaurant · Music venue · Late-night hospitality
Tier: Premium tier. This direction has a hand-built Builder template, so Builder renders its own composition, and it carries an extended build spec: section-by-section requirements, a type scale, an alternate palette and a motion spec.

Capability sources

react-bits
motion-primitives
launch-ui

The prompt works in any AI tool. Build this in Irie hands this direction’s agreement to Builder through a short-lived link, and Builder shows you what it imported before it generates. If that link cannot be created, Builder still opens with the prompt on your clipboard. The agreement is a structured irie.direction.v1 file you can also keep or feed to any tool that reads it.

Premium build spec

What premium means here.

After Hours has a hand-built Builder template, so Builder renders this composition instead of the shared generic one. It also carries the build spec below, which travels inside the downloadable agreement.

Atmosphere hero
A cropped interior at low light — a corner, the bar back, one lit table — with the venue name and tonight's date.
Most often goes wrongA wide empty-room photograph taken at 11am, which advertises the exact opposite of the feeling.
Tonight's program
What is actually on tonight with set or service times, and the next few nights if the brief supplies them.
Most often goes wrongA static “events” blurb with no dates, which is useless to someone deciding at 8pm.
The space and the menu
Two or three areas shown honestly, plus a readable menu excerpt with real prices and a route to the full menu.
Most often goes wrongThe menu is an image of a PDF, unreadable on the phone the visitor is holding in the dark.
Location and hours
Address, tonight's hours in large type, transit and parking truth, and the last seating or last entry time.
Most often goes wrongHours given as “late”, which is the one thing this page must never be vague about.
Reservation action
One booking control, the party sizes it accepts, and what to do for a larger group.
Most often goes wrongThe control restyles or repositions on scroll, so a thumb aiming for it in a dark room misses.

Type scale

Display: Display serif or high-contrast sans at 3-5rem (48-80px), line-height 1.0 — large enough to read on a dimmed screen at arm's length in a bar.
Body: 17px minimum at line-height 1.7. On a #070607 canvas, 15px cream looks refined in the design tool and disappears on a phone at low brightness.
Meta: 13px mono at tracking 0.08em for set times, hours, and prices. Times are data and should look like data, not like copy.

Alternate palette — Lamp key

Canvas#080A09
Ink#EDE8DC
Signal#C98A2E

Use when the room is candlelit wood rather than red-lit. Ember red implies a music venue or a cocktail bar; warm amber implies a dining room, and the reservation it sells is a table rather than a ticket.

Motion spec

Trigger: Hero glow starts on load and runs continuously. Room crossfades fire only on deliberate attention — a tap, or a hover on a fine pointer — never on scroll.
Property: Hero: a radial-gradient layer animating opacity 0.55 to 0.85 with a 2% scale. Rooms: an opacity crossfade between two images, no transform.
Duration: Glow 9s per cycle, infinite alternate. Crossfade 450ms.
Easing: ease-in-out for the glow so it breathes rather than blinks; linear for the crossfade so neither image appears to be the favourite.
Never moves: The reservation control, the hours block, and every price. Nothing on the page may cycle faster than roughly once per four seconds, and no element may change luminance in under 200ms.

Anti-patterns

Neon flicker keyframes with sub-200ms steps: an accessibility hazard and a cliché in one gesture.
Audio or video that plays itself with sound.
“Almost fully booked” or “last table” language the brief never supplied.
Cream type dropped to 60% opacity over photography, which fails AA in exactly the rooms where the photos are darkest.
A parallax hero that delays the address by a full viewport.
A dark page with a bright white booking modal, which flashes the visitor at the moment of commitment.

Direction film

Watch it move.

An eight-second pass through After Hours — the palette, the composition, and the motion language the prompt asks for.

See After Hours built for a real business in Irie Builder

Real interpretations

The same agreement, built more than once.

Independent implementations of this direction. Each was built from the agreement alone — different hands, different code, recognisably the same direction.

Irie BuilderIrie Builder
Generated inside Irie Builder from this direction's agreement, then published to the showcase.
Open the build

After HoursAfter Hours

What premium means here.

Atmosphere hero

Tonight's program

The space and the menu

Location and hours

Reservation action

Type scale

Alternate palette — Lamp key

Motion spec

Anti-patterns

Watch it move.

The same agreement, built more than once.

Related directions.

Open Road

One Night Only

On Air

Fresh Fade

After Hours