TemplatesFine DiningNOIRÉ
Back to collection

01 / 10 — Fine Dining

NOIRÉ

Dark & mysterious

NOIRÉ is a moody, editorial template for restaurants that want their website to feel like the first course of the meal. Deep contrast, restrained motion, and a menu system built to make a chef's cooking feel inevitable rather than incidental.

  • Restaurant
  • Reservations
  • Editorial
  • Dark mode
noiré.oddlyrinaldi.com
Preview screenshot representing the NOIRÉ template's fine dining homepage
NOIRÉView Template →
$59USD · one-time

Instant delivery. Full source code, Figma file, and 3 months of free updates included.

Gallery

look closer

Temporary preview imagery — real product screenshots replace these before launch.

Homepage preview for this template
Homepage
Inner Page preview for this template
Inner Page
Mobile preview for this template
Mobile

Template story

Why NOIRÉ?

Dark, sensual, theatrical, culinary.

Concept

Built to feel like the first course of the meal: deep contrast, confident type, and zero clutter between a guest and the menu.

Who it's for

Chef-led restaurants and hospitality groups who want a site as considered as the food.

The experience

A full-bleed cinematic hero with ambient motion, then a tasting-menu-first layout that never rushes.

Signature detail

The reservation CTA only appears once the hero has had its moment — it never competes with the first impression.

Best used for

Best for a single-location restaurant or a chef's table concept launching a new digital home.

Made with care

What you get

Features

  • Full-bleed cinematic hero with looping ambience
  • Menu system with seasonal / tasting-menu layouts
  • Reservation call-to-action wired for OpenTable-style embeds
  • Press & awards strip
  • Dark, editorial photography grid

Tech stack

  • Next.js
  • TypeScript
  • Tailwind CSS
  • Framer Motion

What's included

  • Full source code
  • Figma design file
  • Setup documentation
  • 3 months of free updates