Builds By Luke
All work

Hospitality · Restaurant & Wine Bar · 2025

Maison Verre

An evening that lingers, poured by candlelight.

Role
Art Direction, Design, Front-end, Motion
Stack
HTML, CSS, Vanilla JS, Inline SVG
Year
2025
Discipline
Hospitality · Restaurant & Wine Bar
  • A code-generated "dusk" hero — layered CSS gradients, a glowing sun, and a floating inline-SVG sprig with subtle parallax
  • A tastefully typeset two-column signature menu with dotted leader lines, real dish names and prices
  • A stylised inline-SVG route map showing the walk from the tram stop to the door — no third-party embed
  • An accessible reservation mock with proper labels, native validation, and a polite live-region confirmation

Live preview · the real, built site

Embedded and fully interactive. Resize it with the device controls, or open it in its own tab.

maisonverre.app
Preview width
Open
Live, interactive preview of Maison Verre. Use the controls to change the preview width, or open the site in a new tab.

Maison Verre is a modern bistro and natural-wine bar set in a converted glassworks — at least, it is on the page. The job was to bottle a mood: deep wine-dark rooms, gold light, the unhurried confidence of a place that knows exactly what it is.

Warmth, drawn in code

The hero is a “dusk” scene assembled entirely from layered CSS gradients and a glowing sun, with a single inline-SVG sprig floating on a slow parallax. It sets the temperature before a word is read. From there the site leans on Fraunces for character and a clean sans for the quiet bits, with generous whitespace and refined letter-spacing doing most of the work.

The craft of a hospitality site is in the restraint — making people feel welcome before they’ve decided to come.

The pieces that matter

  • A signature menu set in two columns with dotted leader lines, real dish names and honest prices.
  • A short story with a pull quote, because every good room has one.
  • A stylised route map drawn in SVG — the walk from the tram stop to the door — instead of a heavy third-party map embed.
  • A reservation block that’s a tasteful, fully-labelled mock: native validation, a sensible default date, and a polite spoken confirmation for screen readers.

It sits in the middle of the spectrum on purpose — not a tech showpiece, just a genuinely lovely, resilient site that any restaurant would be glad to open with.