Brasello is a restaurant HTML template for restaurants, pizzerias, cafés, bars, bakeries, food trucks and delivery kitchens. It has 24 photo-led home pages and a dark home, 5 one-page demos and 96 pages in total: menus, table booking, online ordering, a shop, events, chefs, locations and a journal. Light and dark themes, 6 colour presets and a right-to-left copy of every page are included, plus a bonus UI Kit with SCSS sources.

Brasello is an HTML template with sample data. Booking, ordering, cart, checkout and account pages work in the browser to show the design; they do not take payments or keep a table plan. The booking and contact forms are e-mailed by the included PHP files.

Who is it for

• Restaurants, trattorias, bistros and fine dining
• Pizzerias, sushi and ramen bars, steakhouses, BBQ and taquerias
• Cafés, coffee houses, bakeries, pâtisseries, brunch places and gelato shops
• Cocktail bars, wine bars and rooftops
• Food trucks, private chefs, supper clubs, caterers and delivery kitchens

Included pages

• Homes (25): wood-fire kitchen in light and dark, pizzeria, coffee house, cocktail bar, café, elegant restaurant, seafood, sushi, steakhouse, pâtisserie, afternoon tea, fine dining, plant kitchen, ramen, street food, brunch, wine bar, taqueria, bakery, BBQ, gelato, catering, rooftop and delivery kitchen
• One-pages (5): restaurant, food truck, private chef, supper club and a QR table menu
• Menus (12): tabs, list, photo grid, zigzag, sections, chalkboard, printable menu card, tasting menu, wine list, drinks, specials and a dish page
• Book (11): two booking pages, private dining, events, event, event calendar, classes, catering, gift cards, manage booking and booking confirmed
• Order (11): order online, order tracking, shop, shop list, product, cart, checkout, wish list, account, login and register
• Pages (23): about, story, chefs, chef, locations, location, two galleries, videos, press, testimonials, careers, career, FAQ, allergens, two contact pages, thank you, coming soon, maintenance, 404, privacy and terms
• Journal (9): grid, masonry, list, sidebar, overlay, post, video post, gallery post and recipe

Restaurant features

• Menu rows with dot leaders, prices and diet marks (vegetarian, vegan, gluten free, spicy, nuts) and a diet filter
• Table booking in three steps: guests, a calendar and time slots made from your opening hours, then details
• Quick booking bar on the homes that fills in the booking page
• Open-now badge and today's hours, read from one attribute
• Online ordering front end: cart kept in the browser, cart drawer, quantities, promo code, delivery or collection, checkout and order tracking
• Event calendar, classes, gift cards, private dining and catering enquiries
• Photo heroes in 10 layouts: porcelain plate, full-screen cover, sliding photos, film, split, menu card, plates, big type, mosaic and event ticket
• Looping films, gallery with lightbox, review slider, counters and reveal effects

Design and settings

• Light and dark themes; the visitor's choice is remembered
• 6 colour presets: paprika, saffron, basil, tide, cherry and aubergine
• Appearance settings in the side menu: theme, colour preset and motion
• Young Serif headings, Onest text and a Shrikhand script word, all self-hosted
• Scalloped porcelain plates around the dish photos
• Reduced motion mode that removes every effect
• Right-to-left copy of every page

Bonus UI Kit

• 28 examples: pill buttons, menu rows with dot leaders, diet marks, porcelain plates, dish card, chalkboard, time slots, opening hours, tags, badges, form fields, chips, cards, set menus, numbers, tables, accordion, tabs, alerts, toast, dialog and navigation
• Plain HTML and CSS with SCSS sources; every class starts with br-, so it works next to other frameworks
• Light and dark themes, 6 accents and 3 corner styles
• An overview page with code to copy

Technical

• HTML5, CSS3 with custom properties, Sass sources, plain JavaScript; no jQuery, no Bootstrap
• One small library: Lenis for smooth scrolling (MIT)
• Readable, indented source code
• PHP handlers for contact, booking requests and newsletter (Mailchimp optional), spam traps and optional reCAPTCHA v3
• Checked with Lighthouse and axe in light and dark on desktop and mobile
• Responsive from 360 px phones to wide screens

Good to know

• The photos and films in the live preview are for preview only and are not included in the download. The download contains placeholders with the same file names and sizes, so every layout keeps its shape until you add your own photos.
• The restaurant, dishes, people, reviews, prices and events in the demo are fictional sample data.
• Online payments, live table availability and user accounts need your own services (for example a payment provider or a booking system); the template gives you the pages for them.

Documentation

A documentation site with search is included: getting started, template setup, colours and themes, page structure and hero types, menus and diet marks, table booking, ordering and shop, interactive parts, forms and PHP, right to left, the UI Kit, troubleshooting, credits and changelog.

Changelog

Version 1.0.0 (2026-11-03)

Added

• First release: 24 home pages and a dark home, 5 one-page demos (restaurant, food truck, private chef, supper club, QR table menu) and 66 inner pages, plus a demo overview page.
• Light and dark themes, 6 colour presets (paprika, saffron, basil, tide, cherry, aubergine) and a motion switch.
• 12 menu layouts with diet marks and a diet filter, including a chalkboard, a printable menu card, a tasting menu and a wine list.
• Table booking in three steps with a calendar and time slots from the opening hours, quick booking bar, manage booking and confirmation pages.
• Online ordering front end: cart kept in the browser, cart drawer, promo code, delivery or collection, checkout and order tracking; shop, product, wish list and account pages.
• Events, event calendar, classes, catering, private dining, gift cards, chefs, locations, gallery, videos, press, careers, FAQ, allergens and a journal with 9 layouts.
• PHP handlers for contact, booking requests and newsletter (Mailchimp optional), spam traps and optional reCAPTCHA v3.
• Right-to-left copy of every page.
• Bonus UI Kit: 28 component examples with SCSS sources, light and dark themes, 6 accents and 3 corner styles.
• Documentation with search and copyable code.