Skip to content
WEGMSTUDIO
Maison Noir website design
Restaurant & CafeID: WGM087

A dark ivory-and-gold site for fine-dining restaurants and wine bars.

Maison Noir

A dark, gold-accented one-page site for a fine-dining restaurant, with chef's signatures, an à la carte and cellar menu, private-dining experiences, gallery, reviews, FAQ, hours, map and contact form.

Starting at

₹999

Includes customisation with your content. Final price depends on changes.

What's included

  • Top bar showing a reservations note and phone number
  • Signature dish cards with a wine-pairing line and price
  • Menu tabs for an à la carte list and a cellar list
  • Experience cards for a chef's table and private dining
  • Navigation button labelled Reserve that jumps to the contact form
  • Tabbed menu with one panel per category, built from the CONFIG object in script.js
  • Auto-rotating review slider with dot controls that pauses while the pointer is over it
  • FAQ accordion with aria-expanded toggling
  • Opening-hours list that highlights today's row, beside an embedded Google Map and a Get Directions link
  • Floating WhatsApp button that opens a pre-filled message to the configured number

Pages included

  • Home — Top Bar, Hero, The House, Signature Dishes, Menu & Cellar, Experiences, Gallery, Why Us, Reviews, FAQ, Hours & Map, Contact, Footer
Mobile responsiveHTML5CSS3JavaScriptGoogle FontsGoogle Maps embed

Try the live website

This is the real site running — scroll, click and switch devices.

Loading live preview…

About this template

Maison Noir is a single-page website for a fine-dining restaurant. A slim top bar notes reservations and a phone number, and the page then runs through the hero, The House story with a chef's signature, three signature dishes each with a wine pairing, a tabbed menu (À La Carte and Cellar), two experience cards for a chef's table and private dining, a gallery, a Why Us block, reviews, an FAQ, opening hours with a map, and a contact form. The main button reads Reserve. The sample restaurant, Aurélia in Gramercy, New York, with its chef, dishes, prices, accolades and reviews, is placeholder text. The studio replaces it with your name, menu, wine list, photos, hours, map location and WhatsApp number. Menu tabs, the review slider, the FAQ accordion, today's hours highlight and the floating WhatsApp button already work. The contact form validates and confirms on the page only; there is no booking engine. The style is dark and refined: a near-black background, warm ivory text and gold accents, with nearly square 3px corners. Headings use Cormorant Garamond and body text Manrope, both from Google Fonts. The layout adapts to tablets and phones, and animation respects reduced-motion settings. It suits fine-dining restaurants, tasting-menu kitchens, wine bars, hotel restaurants and supper clubs that take bookings by phone or WhatsApp.

Design highlights

  • Near-black #100E0A background with ivory text and gold #C6A24C accents
  • Cormorant Garamond headings with Manrope body text
  • Nearly square 3px corners for a formal feel
  • Wine-pairing line on each signature dish
  • Scroll reveal with a reduced-motion override

Who it's for

Fine-dining and tasting-menu restaurants, hotel restaurants, wine bars and supper clubs that take reservations by phone, WhatsApp or enquiry, and want a quiet, premium page with a menu and a cellar list.

Related templates

A loud neo-brutalist one-page site for a smash burger joint, with hero, signature burgers, tabbed menu, combo deals, gallery, reviews, FAQ, opening hours, map and contact form.

Starting at

₹999

A calm, paper-and-vermilion one-page site for a Japanese tea house, with seasonal teas, a tabbed menu, reservation offers, gallery, FAQ, opening hours, map and contact form.

Starting at

₹999

A clean Nordic one-page site for a seafood restaurant, with a two-image hero, the day's catch, a raw bar and sea menu, event cards, gallery, reviews, FAQ, hours, map, contact and newsletter forms.

Starting at

₹999