Treaty - Cafe And Wine Bar HTML Template

TREATY is a one-page website template for cafés, wine bars and bistros — the kind of place that changes its lunch board every day and takes bookings by the table, not by the seat.

It is hand-written HTML, CSS and JavaScript. There is no build step, no npm install, no framework to learn. You open the folder, edit the text, and upload it.

What makes it look different from a Bootstrap restaurant template

The page runs as a continuous loop. As you scroll, the colour scheme rotates through four palettes — deep burgundy, blush, cream and ink — and a stamp travels with you down the page. The header carries a marquee of dishes and drinks. The whole thing is built on one engraved mascot and one very large wordmark, and it reads as a printed menu rather than a web page.

What it does, not just how it looks

• A daily menu board you edit as plain text — a date, a few dishes, a price each.
• A booking form with date, time and party size, ready to point at your own endpoint or form service.
• A separate full menu page built for the QR code on the table.
• A privacy page that is an honest GDPR stub, not invented legal text.

Speed is the part most templates get wrong

Measured on the unpacked archive you download — not on a warm demo server — throttled to a mid-range phone (390×844 viewport, 4× CPU slowdown, 1.6 Mbit/s, 150 ms latency), median of five cold runs:

• Home page — LCP 1.58 s, CLS 0.0027, TBT 0 ms, 1090 KB
• Menu page — LCP 1.10 s, CLS 0.0046, TBT 0 ms, 277 KB
• Privacy page — LCP 0.84 s, CLS 0, TBT 0 ms, 207 KB

For reference, Google's "good" threshold is 2.5 s for LCP and 0.1 for CLS.

Zero external domains. Zero console errors. Zero 4xx. Fonts are self-hosted — nothing is fetched from Google, so the template also works on a page that has to pass a cookie audit.

Every page carries a single H1, a unique title and description, alt text on every image, Restaurant JSON-LD, plus sitemap.xml and robots.txt. The page stays readable with JavaScript disabled, and keyboard focus never falls into the hidden drawer.

About the images. The demo photography in this template was produced with AI image tools and is included in the download. Marketplaces differ in how they treat AI-generated media — if you redistribute work based on this template, check the policy of the platform you publish on. Per-asset detail is in CREDITS.txt inside the archive.

Features

• One-page layout with a looping four-palette scroll
• Separate full-menu page for table QR codes
• Daily-menu board, edited as plain text
• Booking form (date, time, party size) — connect your own endpoint
• GDPR privacy stub page
• Engraved mascot as a CSS mask — recolours with the palette, one 106 KB file
• Self-hosted fonts, latin subset — no Google Fonts request
• Responsive from 320 px up
• Works with JavaScript disabled
• Accessible focus order, prefers-reduced-motion respected
• Restaurant JSON-LD, sitemap.xml, robots.txt
• Locale, time zone and the "today" label set in one HTML attribute
• Documentation included: install, configure, palettes, opening hours, form, SEO

Requirements

None. Plain HTML, CSS and JavaScript — no framework, no build step, no package manager, no server-side code.

Any static host works: a shared hosting folder, Netlify, Vercel, GitHub Pages, or an S3 bucket.

Tested in current Chrome, Safari, Firefox and Edge.

Instructions

1. Unzip the archive.
2. Open index.html in a browser — it works straight from disk, nothing to install.
3. Edit the text in index.html, menu.html and privacy.html.
4. Set your locale and time zone in the HTML tag: data-locale, data-tz.
5. Point the booking form at your own endpoint or form service.
6. Replace the images in img/.
7. Upload the folder to any static host.

Full documentation is in documentation/index.html inside the archive.