Restaurant · HTML & CSS template
Restaurant Website Template
Neighbourhood restaurants & bars — dark-first, with the actual menu on the home page.
The single most common mistake a restaurant site makes is putting the menu in a PDF: invisible to Google, unreadable on a phone, out of date by Friday. This template publishes the whole menu as real text on the home page, set the way a printed menu is set — oldstyle serif, italic descriptors, prices without dollar signs — with day-part tabs for dinner, bar and Sunday that run on radio inputs and no JavaScript at all. It is also the only dark-first template we sell, because a dining room at seven in the evening is dark, and the one light section on the page is the reservation block: the loudest thing here, because it's the only thing you want a visitor to do.
Built for: Neighbourhood restaurants, bistros, wine bars, chef-owned rooms, and the agencies building for them
- The full menu as real indexable text on the home page — no PDF
- Day-part tabs (dinner / bar / Sunday) built from radio inputs — zero JavaScript
- Dark-first design with a single inverted reservation slab that carries the CTA
- Printed-menu typography: italic descriptors, tabular prices, dietary chips
- Reservation request form with allergy and occasion fields
- Private-dining page with two spaces, set menus and honest minimums
- A live service strip: tonight's hours and what's left
- Restaurant JSON-LD with hours, cuisine, acceptsReservations and hasMenu
- Every page prints properly — which matters more in this trade than most
- Hand-written HTML & CSS — no framework, no build step
Inside the template
- 7ready-made pages
- ~1.1 MBthe entire site, fonts & photos included
- 0lines of JavaScript — tabs included
- 0external requests — nothing phones home
Pick your license
Solo
$49$69
One restaurant, one site.
- The full template
- Menu page + day-part tabs
- Reservation & private-dining forms
- 12 months of updates
One live website for your own single business.
Studio
$99$129
All the pages + a client license.
- Everything in Solo
- Commercial license · one client
- Brand/style kit + design tokens
- Form wiring guide (Resy/OpenTable/SevenRooms/Tock)
- Priority email support
Build one paying client site, plus your own.
Agency
$249$319
Unlimited client restaurants.
- Everything in Studio
- Unlimited client projects
- Source design files
- 30-min setup & handoff call
- Priority support
Unlimited client projects (extended license).
Done-For-You Launch
$1500$1900
We build it. You approve it. It goes live.
- Your real content loaded from your Google Business Profile
- Your menu typed out as text, plus hours & photos placed for you
- Live on your own domain in about a week
- Two rounds of your changes included
- 90 days of Care Plus included — hosting, backups, monitoring & change time
- Then Care Plus at $149/mo, cancel anytime
One live website for your business — built and launched for you.
Buying more than one line? All-Access gets every template for $499.
Personal
Solo license — one live site for your own single business.
Commercial
Studio license — build one paying client site, plus your own.
Extended
Agency license — unlimited client projects, source files included.
14-day money-back guarantee — if the template doesn't fit, reply to your receipt within 14 days and we refund it in full. Keep nothing, owe nothing.
We'll launch it for you.
Prefer we launch it for you? The done-for-you build puts in your real content and goes live in about a week — $1,500 once, with 90 days of Care Plus included, then $149/mo you can cancel anytime.
Questions
Why is the menu not a PDF?
Because a PDF is invisible to Google, unreadable on a phone, and the most common reason a restaurant loses a booking to the place next door. Typing your menu as text takes twenty minutes and is the single highest-return thing on this list. The trade-off is that you have to update it when the menu changes — the dated "printed Tuesday" line makes that visible on purpose.
How do the tabs work without JavaScript?
Three hidden radio inputs and CSS sibling selectors. That means they work with the keyboard, work with a screen reader, work with JavaScript disabled, and can never break. Adding a fourth day-part — brunch, lunch — is about ten lines, and the read-me walks through it.
Can I make it light instead of dark?
You can — every colour is a token at the top of one stylesheet. But the dark ground is doing real work here: it's why the single cream reservation section reads as the loudest thing on the page. If you invert everything, rebuild that contrast somewhere else.
Can it connect to my reservation system?
The reservation form points wherever you send it — Resy, OpenTable, SevenRooms and Tock all take web leads, and Formspree or Basin will email you submissions with no backend. If you'd rather embed a booking widget, drop it in place of the form.
Is this a subscription?
No — one payment and the files are yours. There is no runtime to rent, so you can host them free on Cloudflare Pages or Netlify. Twelve months of template updates are included; nothing stops working when they end.