Previews are representative layouts. Every page, component and state shown is included in the download.
Ember — Restaurant & Café Website Template
Warm, appetite-led pages with a menu system that is genuinely easy to keep current.
- Category
- Restaurant & Café
- Pages included
- 8 pages
- File format
- ZIP · HTML, CSS, JS
- Delivery
- Instant download
- Licence
- One end product
- Support
- 6 months included
- Updates
- Free, for life
- Last updated
- March 2026
- Secure payment via Stripe or PayPal
- Download link valid for 72 hours, re-issued free
- No account required, no subscription
Overview
Ember treats the menu as the product. Dishes live in one structured list with prices, dietary markers and seasonal flags, and the same data renders the on-page menu, the printable menu and the daily specials block.
Around it sits everything a neighbourhood restaurant needs: opening hours that highlight today, a reservations block, a gallery that makes the room look as good as the food, and a private-hire enquiry page.
What's included
- 8 pages including a printable menu layout
- Structured menu data with dietary and allergen markers
- Reservation block ready for OpenTable, Resy or SevenRooms
- Opening-hours component that highlights the current day
- Photo gallery with lightbox
- Google Business and LocalBusiness structured data
Pages and sections included
8 ready-made pages:
- Home
- Menu
- Drinks list
- Gallery
- Our story
- Private hire & events
- Reservations
- Find us & contact
Built from these sections and components:
- Full-bleed atmosphere hero
- Today's hours and status
- Menu with category tabs
- Chef's specials board
- Photo gallery
- Story and provenance
- Private dining enquiry
- Reviews from diners
- Map, parking and transport notes
Key features
One menu, three outputs
Edit dishes once and the on-page menu, specials board and print version all update together.
Dietary markers
Vegetarian, vegan, gluten-free and nut markers with an accessible legend — not just coloured dots.
Open now indicator
Shows today's hours and whether the kitchen is currently open, calculated in the visitor's local time.
Reservation-platform ready
Drop-in slots for OpenTable, Resy, SevenRooms or a simple booking form.
Local SEO built in
LocalBusiness schema with address, hours, cuisine and price range already structured.
Print menu stylesheet
Press Cmd+P and get a clean, typeset menu with no navigation or buttons.
Responsive and mobile design
Ember is built mobile-first and tested at 320, 375, 414, 768, 1024, 1440 and 1920 pixels before release. Small screens are not an afterthought — navigation, tables, galleries and the 8-page structure are each redesigned for the space available rather than shrunk to fit.
- Fluid type and spacing scales, so headlines stay in proportion between a phone and a 27-inch display.
- Tap targets of at least 44×44 pixels on every control, with visible focus rings for keyboard users.
- Images served at sensible dimensions with lazy loading below the fold and reserved space to prevent layout shift.
- Tested in current Chrome, Safari, Firefox and Edge, on iOS and Android, and with reduced-motion preferences respected.
Customisation and editing
Everything you will want to change is in an obvious place. Colours, fonts, radii and spacing are CSS custom properties declared in one block at the top of the stylesheet — change those six or so lines and all 8 pages follow. Text and links are edited directly in the HTML, with comments marking each section.
- No build step, no Node, no package manager — open the folder in any editor and double-click a page to preview it.
- Swap images by dropping your own files into /assets/img using the same filenames, or point the markup anywhere you like.
- Every component is commented and reusable, so adding a page means copying a block rather than writing CSS from scratch.
- Clean, semantic markup that ports cleanly into WordPress, Webflow, Astro, Eleventy or a React project when you outgrow static files.
Ideal for
- Independent restaurants, bistros and cafés
- Wine bars and neighbourhood coffee roasters
- Bakeries with a seasonal, frequently changing menu
- Designers building sites for hospitality clients
Frequently asked questions
Every dish is one line in a plain-text data file: name, description, price and markers. Most owners update the whole menu in under ten minutes without touching design files.
Ember links out to whichever ordering provider you use — Deliveroo, Uber Eats, Square or your own system. It does not process food orders itself.
Basic comfort with HTML and CSS is enough. Text, images and links are edited directly in the HTML, and colours and fonts live in a short list of variables at the top of the stylesheet. If you can edit a text file, you can launch one of these.
One licence covers one end product — your own website, or one client project. You can modify the template as much as you like. You cannot resell, redistribute, sublicense or share the template files themselves.
Anywhere that serves static files: Netlify, Vercel, Cloudflare Pages, GitHub Pages, or classic shared hosting via FTP. Most are free for a site this size, and the guide covers each.
Because templates are delivered instantly and cannot be returned, all sales are final once the download link is issued. If a file is corrupt or a page does not match its preview, contact us within 14 days and we will fix it or refund you in full.
You might also like