Ember & Oak — free café website template
A warm café website with a short menu, opening hours front and centre and a gallery that sells the room.
Scroll inside the frame. This is the real template, rendered at 1440px.
About this template
Ember & Oak is built for a café where the room matters as much as the coffee. It leads with a photograph and the opening hours, keeps the menu short and readable, and uses a masonry gallery to do the work that a paragraph of description cannot. Serif headings over a warm oat background give it the feel of a printed board without making the text hard to read on a phone.
What is included
- Opening hours in the header and the footer
- Short menu laid out as a readable board
- Masonry gallery for the room and the food
- Location block with map and parking notes
- Warm, low-glare palette with serif headings
Sections in this template
Every section below can be edited, reordered or switched off. Sections you turn off are not written into the exported files at all.
- Hero
- About
- Gallery
- Menu
- Testimonials
- FAQ
- Call to action
- Contact
- Map
Who this template works for
Nothing about the industry is hard-coded. Every heading, service name and photograph is editable, so this design adapts comfortably to any of the following:
- Coffee shops
- Bakeries
- Brunch spots
- Delis
- Tea rooms
- Roasteries
How it behaves on different screens
Desktop
Content is centred in a narrow container with a multi-column layout.
Tablet
Grids collapse to two columns and spacing tightens so nothing feels cramped.
Mobile
Single column, a full-width tap-friendly menu, and images sized to the viewport.
The exported site has no framework, no jQuery and no build step — one stylesheet and roughly a kilobyte and a half of JavaScript for the menu, the FAQ accordion and the contact form.
Questions about this template
Is the Ember & Oak template really free?
Yes — free to download, free to use commercially and free to modify. There is no paid version and no watermark, and you do not need an account. The one condition is a small "Made with StencilNest" credit link in the footer, which is what keeps the templates free.
What do I actually receive?
A ZIP containing a single HTML page, one stylesheet, a small JavaScript file, every image used on the site, a favicon, robots.txt, sitemap.xml, a web manifest and a README explaining how to publish it.
Can I change the colours and fonts?
Yes. The editor exposes the primary and secondary colours, background, text colour, font pairing, corner radius, button style, spacing and container width. Change one value and it applies consistently across the whole site, because the template is built on design tokens.
Can I remove sections I do not need?
This template has 9 editable sections. Any of them can be switched off or reordered in the editor, and switched-off sections are simply not written into the exported files.
Do I need to know how to code?
No. Everything is edited through plain form fields with a live preview next to them. If you do know HTML and CSS, the exported code is clean, conventional and easy to edit by hand afterwards.
Where can I host it?
Anywhere that serves static files: shared hosting over FTP, or the free tiers of Netlify, Vercel, GitHub Pages and Cloudflare Pages. The included README walks through each option step by step.
Templates people also look at
More café templates →Make Ember & Oak yours
Change the business name, colours and photos, then download the finished site. It takes about ten minutes and costs nothing.