Restaurant Demo: Included Pages & How to Customize It

Canvas includes a Restaurant demo built for trattorias, bistros, pizzerias, and any food business that wants to take orders or reservations directly from the web. The kit ships with six prebuilt pages covering the full guest journey: a homepage, an about story, a menu, a blog, a gallery, and a reservation form, so a working site can be assembled in an afternoon and then tailored to the brand.

Visually the demo leans into the warmth of an Italian dining room. The theme color is a deep red (#e7272d) paired with handwritten Cookie accents, classic Open Sans for body copy, modern Poppins for interface elements, and editorial Playfair Display for the headline moments. The layout uses a stretched width, a sticky footer, smooth page transitions, and a transparent header that overlays large food photography, giving every page a magazine-style feel without sacrificing legibility.

Open the live preview

What's included

Page	Description
demo-restaurant.html	Sets up the homepage for an Italian restaurant with hero food imagery, featured dishes, story snippets, and online food ordering entry points.
demo-restaurant-about-us.html	Tells the restaurant's story and introduces the team behind the kitchen and front of house.
demo-restaurant-blog.html	Publishes food stories, recipes, and seasonal updates from the restaurant.
demo-restaurant-gallery.html	Presents a visual gallery of plated dishes, the dining room, and behind-the-scenes kitchen moments.
demo-restaurant-menu.html	Lists the full menu broken into food, salads, and desserts with pricing and descriptions.
demo-restaurant-reservation.html	Provides a dedicated reservation form for booking a table by date, time, and party size.

The demo's own styles live in demos/restaurant/restaurant.css. Shared framework styles come from style.css and css/font-icons.css.