Prompt

“A tasting-menu restaurant with one seating a night: hushed, ivory and black, reservation-led.”

The agent invented Vesper - A fourteen-seat tasting menu in a Clerkenwell bookbinder's workshop, one seating at half past seven.

Toolchain: pure + inspo
Register: light mode
Build effort: 16+ MCP calls · 5 sites studied
Self-score: 7.5 / 10

The page it shipped - live, scaledOpen full page ↗

The move

The fold is a split studio with no photograph: type on ivory to the left, and to the right a black panel drawn in SVG, five hairline ellipses receding like Lithic's orbit rings, with fourteen ivory dots seated around them and one brass point at the centre for the pass. It is the room as a diagram, and the same fourteen dots reappear as the floor plan further down, so the abstraction pays off as fact. The dateline above the headline is live: a few lines of script work out the next Wednesday-to-Saturday service outside the winter closure and print it ("Tonight, Thursday 10 September" or "Next seating, ..."), and the reservation card pre-fills that date and refuses any evening the room is dark.

What Inspo gave it

The captures it studied, and exactly what each one contributed.

Mirazur Fr - The only true fine-dining reservation page in the archive: light roman serif on warm paper, sentence-case body under a large serif, a bookings-led nav with the reserve action as the one button, and a four-step type scale with 60 to 90px spacing steps. It set the ivory paper, the serif-plus-quiet-sans pairing, and the "the page is the booking" attitude.
Atomixnyc - A tasting-menu page that is nothing but a centred list of courses, with a single terracotta asterisk as the only colour on an otherwise monochrome page. The course list, its generous line-height, and the brass asterisk marking market-dependent dishes are taken straight from it.
Dinnerbyheston - Dark specimen hero: centred light serif, a bracketed italic label, one hairline rule, a ghost button, no image. It supplied the black menu and visit sections, the hairline rules between courses, and the restraint of no true white on the dark ground (ivory-soft text instead).
Deathandcompany - Surfaced by recommend as a food-and-beverage marquee hero. Studied and rejected as composition: a full-bleed photo with a script wordmark is the opposite of hushed. It confirmed the decision to go typographic and to draw the hero panel in SVG rather than fake a photograph.
Programmable Card Issuing and Money Movement | Lithic - The recommend pick's lead exemplar. Its hairline concentric orbit rings on black, creating depth without fill, became the hero panel: five hairline ellipses on ink with fourteen ivory dots (the seats) around one brass point (the pass).

How it was built

The actual MCP calls, in order.

recommend
```
brief: "A tasting-menu restaurant with one seating a night: hushed, ivory and black, reservation-led.", detail full
```
Picked Marquee Hero, inferred dark mode, evidence of 83% grotesk-sans display across 24 sites (which I took a position against, choosing a roman serif), exemplars lithic-com, deathandcompany-com, standardvision-com, generalcondition-com, raycast-com, the marquee hero JSX, hero fit and spacing guidance
search_screens
```
query "fine dining tasting menu restaurant reservation hushed ivory black", industry food-beverage, paperBand light, limit 8, detail full
```
Seven light food-and-beverage screens; only mirazur-fr--en-reservation-html fit the brief, the rest (chickfila-com, fellowproducts-com--pages-app, eater-com, cooking-nytimes-com--about-us, goodeggs-com, ritual-com) were retail or media
get_screen
```
slug mirazur-fr--en-reservation-html
```
Full record: Goudy Old Style plus Saans, paperL 88, roman-serif display, warm accent, split-studio macrostructure, hero screenshot

search_screens

query "hushed luxury editorial serif ivory black restaurant hotel atelier reservation", displayClass roman-serif, paperBand light, vibe luxe, limit 8, detail full

Only mirazur again; confirmed the light roman-serif luxe corner of the archive is thin

find_examples_for_macrostructure
```
name letter, limit 5, detail full
```
formafantasma-com, louvre-fr, 375-studio, juanmora-co, olhalazarieva-com; coverage flagged thin. Formafantasma's preface-and-contents text block informed the long-form "the evening" notes; the rest did not fit
find_similar
```
slug mirazur-fr--en-reservation-html, limit 6, detail full
```
atomixnyc-com--current-menu (the key find), italic-com, synapserstudio-com, lyfehotels-com--about-us, guggenheim-org--design-it, madmuseum-org
find_reference_components
```
no filter
```
Scan of all 68 reference components; chose split-screen hero, long-form features, single-plan pricing, address footer
get_screen
```
slug atomixnyc-com--current-menu
```
Full autopsy: centred course list, asterisks as sole accent, ambroise-std serif, 86px spacing step
search_screens
```
query "tasting menu omakase counter chef one seating nightly courses", industry food-beverage, limit 8, detail concise
```
omsom-com, mirazur-fr, deathandcompany-com, chickfila-com, onyxcoffeelab-com, ritual-com, wagamama-com, dinnerbyheston-com; Dinner by Heston was the useful one
get_reference_jsx
```
type pricing, id single-plan
```
One-plan brochure shape: headline, what is included, one action. Became the £195 price block and the reservations steps
get_reference_jsx
```
type footer, id address
```
Four-column business-card footer (find us, write, hours, calendar) with a rule and a one-line sign-off; used almost as-is with telephone and reservations columns
get_reference_jsx
```
type hero, id split-screen
```
Type on one half, pure-CSS atmospheric panel on the other, panel slides under the type on mobile; the fold follows this exactly
get_reference_jsx
```
type features, id long-form
```
Marginal-heading essay rows in a 4/8 grid; became the three "the evening" notes
get_screen
```
slug dinnerbyheston-com
```
Full autopsy: dictionary-entry hero, #424241 ground, #bdbdbc text, no true white, hairline rule, ghost button
compare
```
slugs mirazur-fr--en-reservation-html, atomixnyc-com--current-menu, dinnerbyheston-com
```
Shared minimalism and editorial tags, calm and luxe vibes, radius 0, 1440 container; type scales of three to four steps; spacing 60 to 90px
get_design_system
```
slug mirazur-fr--en-reservation-html, live false
```
Type ramp (45px serif h2 at weight 400, 18px body at weight 300 with 0.9px tracking, mono button at 3.2px tracking), spacing 60/70/90, radius 0, real CSS variables including clamp-based wrapper padding and a 1300px wrapper max-width

Palette, traced

Every token, and the reference it came from.

--ivory#f3efe6Page paper. Warmer than Mirazur's #f9f9f9 and Dinner by Heston's greys, so the page reads as linen rather than screen white
--bone#e9e3d6Reservations band, floor-plan and map panels, wine aside. One step down from ivory so panels sit on the paper without a border
--ink#111110Text, the primary button, the hero panel, and the two dark sections (menu, visit). A hair off pure black, following Dinner by Heston's refusal of absolute values
--smoke#6b675fMeta labels, descriptions, nav links at rest. Warm grey so muted text stays in the same family as the paper
--rule#d6cfc1Every hairline: nav underline, course dividers, note and step rules, footer. Light enough to structure without drawing the eye
--brass#9a7b4fThe single accent, used only for the menu asterisks, step numerals, the pass on the hero panel, the map pin and focus rings. Atomix's one-colour-asterisk idea in a colour that belongs to candlelight, not terracotta
--ivory-soft#cfc9bcMuted text on the dark sections, so the black sections never carry pure white and stay hushed

Built with the Inspo MCP - try it on your own brief.← All examples