Restaurant website template
Ember & Oak
A moody, low-lit website template for chef-driven restaurants, wine bars and fine-dining kitchens. Deep browns, ember orange and a sharp display serif set the scene before a single dish appears. Includes a tasting menu teaser, the full à la carte menu and wine list, private dining and events, critic quotes, reservations info, three articles from the kitchen and art-directed food photography prompts.
$19$49
one-time, no subscription
Instant download · 7-day refund before first download
Every page, finished
9 pages · 41 sections · 20 photos
Design system
- Display face
- Gloock
- Body face
- Figtree
- Header · footer · images
- centered · mega · square
- paper
#16110D - surface
#211913 - ink
#F2E7D8 - muted
#B3A491 - line
#3A2E24 - brand
#D9662B - brandInk
#16110D - accent
#E8C28A
What’s inside
- Next.js 16 project — App Router, static export, TypeScript
- Astro 7 project — same components as .astro files
- Plain HTML — compiled Tailwind CSS, open index.html
- 20 photos as WebP at 1600px and 800px, plus the prompts
- All copy in one site.json — names, prices, hours, posts
- Working contact form markup (Formspree-ready) and thank-you page
- SEO titles, descriptions and Open Graph tags on every page
Sections used
- Full-bleed hero
- Marquee
- Image + text
- Price list / menu
- Gallery
- Feature quote
- Info bar
- Call to action
- Page header
- Story
- Stats
- Team
- Feature grid
- Service cards
- Process steps
- FAQ
- Contact form + details
- Newsletter
- Article grid
- Article layout
Next.js 16
App Router · static export
Astro 7
Components + content JSON
Tailwind 4
Theme as CSS variables
HTML
Compiled CSS, no build
About the restaurant template
Can I connect Resy, OpenTable or Tock?
Yes. Point the reservation buttons to your booking page, or replace the contact form with your provider's embedded widget.
How do I update the menu?
Each dish is a simple name, description and price entry. Edit, add or remove items, and the layout adapts automatically.
Is the dark design readable on phones?
Yes. Text colours are tuned for contrast on the dark background, and menus stack into a single clean column on small screens.
Can I use it for a client?
Yes — unlimited personal and client projects. You just can’t resell the template itself.
How do I change the business name, colours and photos?
Edit site.json for words and images; change the eight colour variables and two font names at the top of global.css. Every page follows.
Building for this industry? Read the restaurant website template guide.
