Template library · Basque grilled seafood

Kresala — a seafood restaurant website template

For kitchens that cook whatever the boat brought: a dark harbour template with a landed-today opening, a rail-based menu, and a design built around a catch that changes by the tide.

Basque grilled seafoodCuisine House · Landed Today6 pages · 41 editable sections0% commission
Kresala, a seafood restaurant website template — the home page as it publishes
Kresala · Getaria, Spain

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.

Which is the least an independent UK restaurant can pay for a complete website and management system. Nobody is quoting you four figures and a twelve-week timeline. The design is done — you fill it with your restaurant and press publish. After that the menu, the prices and the photographs stay in your own hands — no ticket, no developer, no waiting. It is designed for the phone first and looks right on everything larger, with reservations, tables, ordering and management in the plans — and 0% commission.

Take it for a drive.

Kresala is a dark harbour ground with a blue that belongs to cold water rather than a summer sky. Yours might be white tile and morning light, or brass and candles, or something nobody has built yet.

Rather than explain, here is the thing itself: the builder’s Theme controls on one side, the live site on the other, both real. You cannot break it, nothing saves, and no account is required to have a go. 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
Both sides are real. Those are the builder’s controls, and that is the site they drive.

Every page, as it publishes

6 pages, and every one of them is here. This is the live site, not a gallery. Every tab renders through the engine that publishes real restaurants, and the links inside it work. Try the Phone view.

Loading the live preview…

A live render. The links inside the frame work — use them, or the tabs above.

Why it looks like this

A seafood restaurant that grills whole fish has a daily-changing menu and a very specific selling point: this fish, this morning, this boat. The design leads with exactly that — a landed-today board — because it is both the most useful and the most persuasive thing the page can say.

Dark ground, cold blue accent, a wide display face for the fish names. Photography of whole turbot over embers needs a dark page to sit on, and this one is built to disappear behind it.

Everything on the home page, named

Eight blocks, arranged around the day’s catch:

  • Hero — Big opening image, name & buttons, in the Landed Today treatment: Oysters by origin and price beside the counter.
  • Intro statement — Big opening statement line.
  • Feature rows — Alternating image and text rows.
  • Menu preview — A few dishes on a sliding rail.
  • Ambience — Full-width video or photo mood band.
  • Press bar — Press mentions or awards as a ruled band.
  • Reviews — Guest quotes with stars.
  • Newsletter — Email signup band.
  • Call to action — Headline + button band.

The statement block currently reads The boat list is the menu — what landed this morning is what the coals get tonight. — one line you will rewrite in about four seconds.

Loading the live preview…

The Rails layout. The published menu page. Press Phone to see the same layout on a small screen.

Ordering: a delivery app that belongs to you

This is the part worth pressing. Kresala uses the Minimal ordering layout — a clean typographic list with nothing between the guest and the order. Ordering is minimal here — a clean typographic list — because a harbour restaurant’s online sales are usually a short list of prepared items rather than the grill menu itself.

Sizes and preferences are inline choices, the total stays visible, and collection asks only for a name and a number. Payment lands in your own Stripe account at 0% commission from us. Stripe’s standard card-processing fees apply to online payments.

What the guest is asked depends on how they are eating: table number, phone number or address, and never all three.

Loading the live preview…

Do this bit on the phone

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 a section in the chip bar — the dish list swaps without losing your place.
  • Press + on a dish; the stepper beside it counts up.
  • Watch the bar at the bottom: item count, running total, Place order.
  • Dishes needing a choice — size, spice, portion — open a sheet from the bottom.

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

The ordering page as a guest would hold it. Tap a dish and watch the bottom bar.

Story, visit, and the practical pages

The story page carries the boats, the grill and the family — narrative, sourcing, interview, timeline, gallery. The events page handles the seasonal dinners, and the visit page explains a harbour location that a map pin alone cannot.

Loading the live preview…

The story page. This is where a restaurant stops being a menu.

You will not be retyping the menu

This is the part that saves an afternoon. Take a picture of the menu you already have: the pressed card, the board behind the pass, a PDF from the printer. Back comes the whole menu as data: ordered sections, named dishes, their descriptions and prices, plus dietary and spice marks wherever the card showed them. Check it over — a smudged price or an ambitious accent is a two-second fix — and save.

What arrives is not a picture of a menu — it is real data. One menu then feeds 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.

The search copy gets the same treatment: a Write with AI button reads the page and drafts its title and description, so those fields are never blank. Nothing is published on your behalf; the draft waits for you.

Step one
One photograph

Of the menu exactly as it is today, from a phone.

Step two
Back as data

Sections in the right order, dishes with their descriptions, prices and marks.

Step three
Four places, one edit

Menu page, ordering page, home-page highlights and the Restaurant schema — all fed by the same structured menu.

The TableSpark menu editor with the Scan from photos panel open, ready to take menu photographs
One · uploadThe upload panel: JPEG, PNG or WebP, ten pages at a time. A phone photograph of the card does the job.
The review screen after a menu scan: sections, dish names, descriptions, prices, dietary marks and spice levels, every field editable
Two · reviewBefore saving: the whole menu as fields. Fix a misread price or an over-confident accent and continue.

From nothing to taking reservations, in ten minutes

There is no build phase to wait through. Structure, styling and behaviour are done. Names, dishes and pictures are yours. Reckon on ten minutes to a published site, and reservations working from that same moment. Bookings land in your TableSpark inbox, and the guest gets a confirmation email straight away.

Taking money is a single connection: link Stripe and deposits on tables and payment on orders go straight to your own account. There is no cut for us — 0% commission on every plan. Stripe’s standard card-processing fees apply to online payments. Nobody else charges anything.

  1. Pick KresalaThe whole thing is duplicated into your account to edit.
    1 min
  2. Change the name and the wordsClick a block, change the words, swap the picture.
    4 min
  3. Upload your menuPhotograph the menu; review what the AI read back.
    3 min
  4. PublishLive on your address, with reservations working.
    1 min
  5. Connect StripeNow you can take deposits on tables and payment on orders — direct to your account.
    1 min

Point your own domain at it

A domain is signage, and signage matters. Nothing about going live depends on owning a domain first; connect yours later and the site simply answers to it.

The plumbing is ours: certificate, secure connection, redirect, and keeping canonical URLs, sitemap and robots pointing at the live address as the domain changes. Own it already? Good. The instruction is a single record, spelled out.

kresala.tablespark.ukbecomeswww.kresala.co.uk

The email after the booking is yours to design

A confirmed booking is not the end of the conversation; it is the start of one. A confirmation is sent the second the booking lands, carrying the time, the covers, your address and contact details, and a self-service cancellation link. The same system sends the reminder before service, the deposit receipt and the cancellation notice.

The whole thing is yours to set, down to the sign-off. Six looks, one accent colour, your logo and cover photograph, the header layout, the sign-off line, and whichever links and social accounts you want on it. Add your domain and the from-line is yours too — the last detail that separates a real restaurant email from a system notification.

What follows is not a screenshot of an email — it is an email, drawn by the module the booking system calls. Change the style or the colour and it redraws.

Loading the email…

Set by you, not us

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

  • Six designs, from editorial to bold.
  • Accent colour, logo and cover image are yours.
  • Three header treatments to choose between.
  • The same design covers reminders, receipts and cancellations.
  • Your sign-off — Whatever came in this morning.

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

What you control

  • Yours from the first minute: names, headings, body copy, pictures, dishes, prices, opening times, the address, and every colour and typeface.
  • Kept for you: everything that has to keep working at 200 dishes, at 390 pixels wide, and after you have changed every colour in the theme.
  • Never locked: change the order of anything, remove whatever you do not want, add modules from the full library, and add or delete pages at will.

Built to be found, not just to be live

Putting a page online is not the same as delivering a restaurant site that search engines can reliably discover and understand. A misconfigured robots file, a noindex left in place, canonical tags in conflict, pages with no internal links, a PDF menu, missing Restaurant schema or incomplete verification — any one is enough to keep a live site invisible. You feel it in the margin — guests reach commission-charging platforms first, and demand you should own outright becomes demand you rent.

This template ships with that work done. No one can promise rankings or guaranteed indexing — but nothing here is left for you to hire a technician to assemble.

Questions before you start

Prices change with the market. Can we update them daily?

Yes, in seconds. Edit the price in the menu editor and the menu page, the ordering page, any home-page highlight and the structured data all change together. Portion groups let one fish carry several weights with a price each, so a whole turbot can be priced properly rather than approximately.

A fish sells out mid-service. Can we take it down without republishing?

Mark it sold out and it is struck through on the menu and un-orderable immediately. Nothing needs republishing and nothing has to wait — the change is live as soon as you save it.

Does online ordering carry a percentage fee?

Online ordering sits on the Full plan, and we take 0% of what you sell. Stripe’s standard card-processing fees apply to online payments. Payments go to your own account. Nothing else is deducted.

Do I have to type my whole menu in by hand?

You should not have to. Upload a photograph of the menu you already print and the AI turns it into structured sections, dishes, descriptions and prices, reading dietary and spice marks off the card where it can. Everything lands on a review screen for you to check before it saves. After that it is data rather than an image, which is why one price change updates the menu page, the ordering page, the home-page highlights and the structured data together.

How long does it take to get the site published?

Ten minutes is a fair estimate. The template copies into your account complete, so the work is changing the name, editing the words and uploading the menu before you publish. Bookings work immediately on publishing, arriving in your TableSpark inbox with an automatic confirmation to the guest. Adding a payment account enables deposits on tables and payment on orders, paid direct to you at 0% commission. Stripe’s standard card-processing fees apply to online payments.

Can I change the colours and fonts?

All of it lives in the Theme tab — the accent, the background, the text and surface colours, both typefaces, corner radius, motion and how the header behaves as you scroll. Nothing breaks when you change them, because every block reads from the theme rather than carrying its own colours.

Start from Kresala

Start here rather than from a blank page: rename it, rewrite it, add your menu, publish. Nothing to pay until it is live.

Use this template free

Running a Steakhouse & Grill kitchen? See all Steakhouse & Grill restaurant website templates.

More Warm Rustic Fire templates

Worth reading next

← Browse all 50 restaurant website templates