01
Menu with dietary filters
Scannable categories with prices, dietary badges and per-dish allergen notes, filterable by vegetarian, vegan, gluten-free, no nuts and spicy.
Restaurant, café & wine bar
SUGO
Poster Restaurant, Café & Wine Bar HTML Template
A bold, poster-style website for restaurants, bistros, cafés and wine bars, with a filterable menu and table booking.
$29
USD
Prefer a finished site? We can customise it for you.
SUGO · home page
Preview
- Pages
- 11 complete pages
- Built with
- HTML5 · Tailwind CSS 3.4 · Plain JavaScript
- Fonts
- Gloock and Familjen Grotesk, self-hosted (OFL)
- Version
- 1.0.0
Page Tour
See Every Page
Full-page captures of the demo, on desktop and on a phone.
Page 1 of 6 · Home · desktop · Scroll inside the preview
SUGO / Home
Desktop · 1440 px
Signature Features
The details that do the selling
02
Reservations and private dining
A booking form with date, time, guests, occasion and notes, plus set menus and an enquiry form for events.
03
Live open-now label
Opening hours paired with a JavaScript label that tells diners whether the restaurant is open right now.
04
Book-a-table bar on phones
A persistent mobile bar keeps the booking action in reach while visitors scroll the menu.
About SUGO
Poster Restaurant, Café & Wine Bar HTML Template
SUGO is a bold, poster-led HTML template for restaurants, bistros, cafés and wine bars that want a website with the confidence of a printed street poster. A tomato-red, pink, white and ink palette, oversized display type and square-edged panels give the demo restaurant a clear identity, without dark backgrounds, gold scripts or stock-template sameness.
Menu categories are easy to scan, dishes carry prices and allergen notes, and diners can filter by vegetarian, vegan, gluten-free, no nuts and spicy. The reservation and private dining forms validate in the browser, opening hours show a live open-now label, and phones keep a “Book a table” bar in view while scrolling.
11 pages included
- Home
- Menu
- Our story
- Reservations
- Private dining and events
- Gallery
- Team
- Journal
- Journal post
- Visit us
- 404
Everything in SUGO
- 11 complete, responsive HTML pages
- Poster-style visual system with oversized display typography
- Menu category navigation and dietary filters
- Prices, dietary badges and per-dish allergen notes
- Reservation form with date, time, guests, occasion and notes
- Private dining and events page with set menus and enquiry form
- Browser form validation with field-level errors and success messages
- Opening hours with a JavaScript open-now label
- Events list for recurring and ticketed nights
- Gallery with a keyboard-friendly lightbox and captions
- Mobile navigation and a persistent “Book a table” bar
- Lazy-loaded WebP images sized to their slots
- Semantic HTML, labelled form controls, visible focus and reduced-motion support
- No analytics, advertising, tracking or external scripts
In The Download
Ready To Edit And Upload
The demo photos are not included: the download ships neutral placeholders at the same sizes, ready for your own photography.
Every page, ready to upload
Complete HTML pages with realistic sample content, no lorem ipsum. Open the files or upload them to any static host.
Tailwind source and compiled CSS
Edit with or without a build step. Change Tailwind classes and one command rebuilds the stylesheet.
Plain, light JavaScript
No jQuery, no runtime frameworks and no analytics, tracking or external scripts.
Responsive and accessible
Layouts from 360 px phones to 1920 px screens, keyboard-friendly, with visible focus and reduced-motion support.
Forms that validate
Booking and contact forms check input in the browser and show clear error and success states. Connect any form service.
Full documentation
An HTML guide to colours, fonts, images, forms, rebuilding the CSS and deploying, plus credits and a changelog.
Done For You
Want SUGO live, with your brand?
Our team can set it up for you and hand over a finished website, so you skip the editing and go straight to launch.
- Your logo, colours, copy and photos
- Booking and contact forms connected
- Domain, hosting and launch checks
- SEO basics and analytics from day one
More Templates
Other Starting Points
Vesper · Real estate agency
11 pages
Real estate agency
$29 US dollars
Vesper
A dark, gallery-like site for estate agencies and boutique developers, with property search and saved homes driven by one data file.
- Pages
- 11 complete pages
- Built with
- HTML5 + Tailwind CSS v4
Marlowe Dental · Dental & medical clinic
13 pages
Dental & medical clinic
$29 US dollars
Marlowe Dental
A calm, daylight-toned clinic website with a live “Today at the clinic” card, appointment requests and full fee tables.
- Pages
- 13 complete pages
- Built with
- HTML5 + Tailwind CSS v3
Mensah & Hart · Law firm & consultancy
12 pages
Law firm & consultancy
$29 US dollars
Mensah & Hart
A Swiss-style typographic site for law firms, solo lawyers and legal or tax consultancies, with filterable case results.
- Pages
- 12 complete pages
- Built with
- HTML5 + Tailwind CSS 4