Ember Dining

Ember is a warm, refined Framer template for restaurants, wine bars and cafés that want their website to feel as good as their dining room.

A full-screen video hero sets the mood the moment the page loads, with a floating navigation and soft, slow animations throughout. Ivory and deep burgundy, paired with Instrument Serif headlines, give it a timeless, editorial feel.

The menu runs on the CMS. Add a dish, choose its course, and it appears in the right section automatically. Events have their own pages with dates, prices and details, and guests can request a booking or enquire about private dining through built-in forms. Everything is built with native Framer features, so you can update dishes, events, photos and colours without touching code.

Features

- 8 pages: Home, Menu, Story, Events, Event (CMS), Private Dining, Reservations and 404

- Full-screen video hero using Framer's Video component, easy to swap for your own footage

- Menu CMS with courses, prices and dietary tags. Dishes sort into the right course automatically

- Signature dishes on the home page, pulled from the menu

- Events CMS with automatic date formatting and a page for every event

- Reservation and private dining enquiry forms with sending, sent and error states

- Floating navigation, plus a fixed Book button on every page

- Fully responsive across desktop, tablet and phone, with an animated mobile menu

- Slow, cinematic motion: blur-in headlines, zoom-in image reveals, parallax backgrounds, a scrolling marquee and soft page transitions

- Reusable components: Button (5 styles), Submit Button, Navigation, Footer and Book Badge

- 12 colour styles and 13 text styles for quick rebranding

- SEO ready: titles, descriptions and share images on every page, CMS-driven meta for events, alt text on images, favicon included

- No code: no code components or overrides