Template library · French-Japanese

Feuillage — a French-Japanese restaurant website template

For kitchens that sit between two disciplines: a warm paper template with an izakaya opening, a rail-based menu, and photo-tile ordering.

French-JapaneseCuisine House · Izakaya6 pages · 40 editable sections0% commission
Feuillage, a French-Japanese restaurant website template — the home page as it publishes
Feuillage · Tokyo, Japan

Starter is £19/mo excl. VAT and includes a complete restaurant website, a live structured menu, enquiry and newsletter forms, and managed search readiness. Growth is £39/mo excl. VAT and adds direct live bookings, a custom domain with managed SSL, and table and floor-plan operations. Full is £69/mo excl. VAT and adds online ordering and multi-site management for up to five restaurant sites. TableSpark commission is 0%. Stripe's standard card-processing fees apply to online payments.

It is the lowest entry point in the UK for a site that actually runs a restaurant rather than merely describing one. What a bespoke build charges thousands for and delivers in months, you get today, finished, for the price of a couple of covers. Ownership is the whole point. Prices, dishes, photographs and hours are edited by you, in seconds, at no extra cost. Small screens come first and the rest follows, and the plans carry reservations, table management, ordering and reporting — at 0% TableSpark commission.

Nothing here is precious. Try it.

Feuillage is warm paper with a vermilion accent used once per screen. Yours might be white tile and morning light, or brass and candles, or something nobody has built yet.

Skip the description. The panel is lifted straight out of the builder and the frame is the real renderer, so what happens when you press an accent here is exactly what happens in your account. Nothing you do is saved or asked about. Go on.

Loading the live preview…

ThemePagesBlocks
Accent colour

Or pick any colour at all — the builder carries a full spectrum picker and a hex field.

Colours
Fonts
Everything here is live: the Theme tab as it ships, wired to the engine that publishes restaurants.

Go through it like a guest would

6 pages, and every one of them is here. None of this is an image. The frame runs the real renderer — the one that publishes live restaurants — so each tab is the actual page and the links go where they say. Press Phone and watch it reflow.

Loading the live preview…

Live render · click the navigation inside the frame to move between pages, or use the tabs above.

The kitchen behind the layout

A French-Japanese kitchen is doing precision work in both directions, and a design that leans hard into either language misrepresents it. This one stays neutral and warm — paper ground, one vermilion, a wide display face — and lets the plating carry the cultural information.

The opening is an izakaya board, which is a deliberately informal choice for a serious kitchen. It signals a room you can eat in rather than perform in, which for a restaurant of this kind is often the harder message to land.

The home page, section by section

Eight blocks, arranged to look approachable:

  • Hero — Big opening image, name & buttons, in the Izakaya treatment: Lantern-lit frontage with the last-order time and counter seats.
  • Intro statement — Big opening statement line.
  • Menu preview — A few dishes on a sliding rail.
  • Signature dish — One dish, full screen — name, story, price.
  • Gallery — Grid, masonry or moving strip.
  • Image break — Full-width image band with optional caption.
  • Reviews — Guest quotes with stars.
  • Call to action — Headline + button band.

The statement block currently reads Counter seats, charcoal smoke, and the discipline of doing few things completely. — one line you will rewrite in about four seconds.

Loading the live preview…

The Rails layout. Menu layout, rendered live. Phone view shows what a guest at the table actually sees.

Ordering, on your own terms

This is the part worth pressing. Feuillage uses the Photo tiles ordering layout — every dish is a tile with an image, a price and an add button that becomes a quantity stepper. Photo tiles are right for small plates: guests order more when they can see, and a grid handles thirty items without becoming a wall.

Options sit as chips on the tile, the basket bar stays pinned with a count and a total, and Payment lands in your own Stripe account and TableSpark takes 0%. Stripe’s standard card-processing fees apply to online payments.

Dine-in wants a table number and nothing else; collection wants a number to ring; delivery wants somewhere to go. No mode asks for the others’ fields.

Loading the live preview…

Press it properly

This is the frame that matters. It is the real ordering page at a real phone width — not a mock-up, not a video.

  • Tap between sections; the dish list swaps in place.
  • Press + to add, to remove — the count is always on the row.
  • The bottom bar shows what is in the basket and what it costs.
  • Every required choice is collected before the dish joins the basket.

On a laptop the same page puts the basket in a panel beside the menu that follows the scroll.

Phone width, ordering block open. Add a dish; the count and total appear at the bottom.

The story and visit pages

The story page carries the two-discipline narrative, the sourcing and the chef — with an interview, a timeline and a gallery. The events page holds the guest chef nights and wine dinners a room like this runs.

Loading the live preview…

Live story page: the chef, the reasoning, the history and the photographs.

Photograph the menu. That is the whole job.

Start with the job everyone puts off. Photograph your menu — the printed card, the chalkboard, the laminated takeaway sheet — and upload it. It comes back as a real menu — sections in order, dishes, descriptions, prices, dietary marks and spice levels, all filled in. It lands in front of you for approval first, with every value editable.

The important part: this is structured data, not an image of a menu. That same menu immediately drives the menu page, the ordering page, the highlights on the home page and the Restaurant structured data a search engine reads. Change a price once afterwards and all of them follow.

Every page carries a Write with AI button for the search title and description — it reads the page you are on and writes the first draft. Read it, sharpen it, publish it. The order matters.

Step one
Photograph the menu

The printed card, a chalkboard, a PDF, a takeaway sheet. Straight from your phone.

Step two
The AI reads it

Sections, dishes, descriptions, prices and dietary marks come back as structured data for you to check.

Step three
Everything updates

Menu page, ordering page, home-page highlights and the Restaurant schema — from the one source, together.

The TableSpark menu editor with the Scan from photos panel open, ready to take menu photographs
One · uploadMenu → Scan from photos. JPEG, PNG or WebP, up to ten pages at a time — a photograph of the printed card is enough.
The review screen after a menu scan: sections, dish names, descriptions, prices, dietary marks and spice levels, every field editable
Two · reviewWhat came back, before anything saves: sections, dish names, descriptions, prices, dietary marks and spice levels — every field editable.

Publish today, take bookings tonight

There is no kick-off call and no staging link to approve. Everything is designed and wired — you are changing the words and the photographs. Ten minutes, give or take, and it is live — with the reservation form answering immediately. Both sides get told at once — the booking in your inbox, the confirmation in theirs.

Money is one connection away. Link your Stripe account and the site can take deposits on bookings and payment on orders, paid directly to you. No per-order fee, no revenue share, 0% commission on any plan. Stripe’s standard card-processing fees apply to online payments.

  1. Pick FeuillageEverything copies across — pages, blocks, menu, the lot.
    1 min
  2. Change the name and the wordsEvery block is edited in place. Change the name once.
    4 min
  3. Upload your menuA photograph of the menu becomes a structured menu.
    3 min
  4. PublishLive. The reservation form starts working immediately.
    1 min
  5. Connect StripeNow you can take deposits on tables and payment on orders — direct to your account.
    1 min

The address should be yours

The address on your napkins should be the address that loads. Start on a TableSpark address, then bring your own domain across — the site does not change, only the name it answers to.

The certificate, its renewal, the secure connection and the redirects are managed here, along with the canonical and sitemap signals that make a domain move safe. Bring your own, and the setup screen tells you the one value to paste and where.

feuillage.tablespark.ukbecomeswww.feuillage.co.uk

What lands in the guest’s inbox

A confirmation email is the only piece of your restaurant a guest keeps in their pocket for a week. The guest is emailed straight away with the particulars — date, time, party size, address, phone — and a link to release the table themselves. Service reminders, deposit receipts and cancellations all travel on the same design.

You are not stuck with our house style. Choose from six styles and make the rest yours: accent colour, logo, cover photograph, header layout, sign-off, links and social accounts. Connect the domain and the sender address becomes yours, which is what makes it read as genuinely from you.

Below is the actual renderer, the one that sends after a confirmed booking. Press any of the styles or colours and it rebuilds in front of you.

Loading the email…

What you control

Everything a guest sees after they book, set in the same place as the site.

  • A choice of six templates.
  • Your colour, your mark, your cover photograph.
  • Header left, centred or as a colour band.
  • Sends from your domain, and carries every other guest email.
  • Your sign-off — Sit at the counter.

Try the buttons above — this is the live renderer, not a screenshot.

The line between the design and your restaurant

  • Yours from the first minute: all copy, all imagery, the entire menu with its prices, hours, address, and the colour and type choices underneath.
  • Kept for you: the engineering underneath: long menus, small screens, reflowing sections, and contrast that survives your colour choices.
  • Never locked: rearrange every page, drop blocks you dislike, pull in new ones, and add or delete pages entirely. The structure is a suggestion.

Being on the internet is not being in search

Publishing a page and being present in search are separate achievements. A site can be live at a working link and still be missing from Google: a stray noindex, conflicting canonicals, orphaned pages, a menu locked inside a PDF, missing structured restaurant data or unfinished search verification will each do it. That gap gets filled by directories and marketplaces, which are delighted to charge you for guests who were already looking for you by name.

That groundwork is already laid here. Neither rankings nor indexing can be guaranteed by anyone — but the setup that so often prevents them is complete here.

The questions we get asked

We want the site to feel informal but the cooking is serious. Can it do both?

That is exactly the balance this template is drawn for: an informal opening and a warm palette, with a menu layout and photography that show precision. Every part is editable, so if you want it more formal, changing the hero, the palette and the typefaces takes a few minutes in the Theme tab.

Can the menu run in two languages?

Yes. Section names, dish names and descriptions can each carry a second language, with a switch in the header. Both versions are real text on the page, so guests searching in either language can find the dish.

What lands in the guest’s inbox when they reserve?

An immediate confirmation in your name with the booking details — date, time, covers, your address and phone number — plus a link that lets them cancel cleanly if plans change. The same system handles the reminder before service, any deposit receipt and cancellation notices. You design all of it: six templates, your accent, logo, cover photograph, header layout, sign-off, links and social accounts, sending from your own domain once connected.

How technical do we have to be?

No. Every section on every page is edited in the builder: click a block, change the words, drop in a photograph. Nothing on this page was hand-written HTML — it is the same block library your own site is built from.

How much is ordering, and what is your cut?

It is part of the Full plan, and there is no commission at any level — 0%. Stripe’s standard card-processing fees apply to online payments. Money is paid into your own account.

What is the quickest way to load our menu?

Only if you enjoy typing. The normal route is to photograph the printed card — up to ten pages at a time — and let TableSpark read it into sections, dishes, descriptions, prices, dietary marks and spice levels. Nothing saves until you have approved it. Because the result is structured data, the menu page, the ordering page, the home-page highlights and the Restaurant schema all read from it, so a single edit reaches every one.

Begin with Feuillage

Copy this design into your account, change the words, add your menu and publish — usually the same afternoon. Free to build; you only pay when you go live.

Use this template free

Running a Japanese kitchen? See all Japanese restaurant website templates.

More Japanese Zen templates

If you are comparing

← Browse all 50 restaurant website templates