Free pizzeria website template

Live demo Download ZIP Build without code GitHub

Edit it by hand: it is one index.html with no build step, so you can open it in any text editor, change the words and photos, and upload it to any static host. Not a coder? Describe your business in one sentence to 8B's AI website builder and it designs a new site for you, with more pages when you need them. Designing is free; publishing with hosting is $9 a month, billed yearly. It also works inside Claude and ChatGPT.

MIT license · Made by 8B, an AI website builder · Plain text: monella.md, data: monella.json

Pizzeria website template: first screen on a phone

About this pizzeria website template

Pizzeria website template: one free HTML file for a neighbourhood pizzeria with a slice window, four priced pies, the dough told in five steps, weekly nights and a table request form. The look is tomato red and cream with wavy section edges and loud type. AGENTS.md is included, so Claude Code, Cursor or Codex can adapt it.

At a glance, October 2026. One 97 KB index.html with its CSS and JavaScript inside, 12 sections, 21 Unsplash photos credited in CREDITS.md, Bricolage Grotesque, Montagu Slab and Pliant from Google Fonts, GSAP 3.13.0 (ScrollTrigger); Lenis 1.3.27 smooth scroll loaded from jsDelivr.

Neighbourhood restaurant websites mostly have to answer four things: what is on the menu, when the doors open, where the shop is and how to book. This pizza website template answers them in one scroll, with four priced pies, a five-slice window list, opening hours and a request form. A trattoria, family restaurant or cafe with a hatch can reuse it as a one page restaurant website.

A pizzeria website template for Claude Code, Cursor or Codex goes fastest when the agent gets the facts only the shop has: pie names and prices, the slice list, hours, address, founding year and delivery area. It then replaces the name in every letter case, the invented regulars and the pound prices. Leave the ids and the classes AGENTS.md lists alone, and set each big line's --len to its new character count.

This pizza website design suits a pizzeria or family restaurant that wants to sound like its owner: loud, warm and first person. A brasserie or bistro with a long menu and service times fits a different template better. The weak spots are ordering and booking: Call to order is a phone link, and the form sends nothing until connected. Owners who would rather not edit code can describe the site to 8B's AI website builder instead.

Good for:

Pizzeria or pizza takeawayFamily restaurant, trattoria or neighbourhood bar with a regular crowdStreet food stall, bakery or café with a hatchAny food business that wants a loud, warm, playful look

Turn the pizzeria website template into your site with an AI agent

With an AI coding agent

Files (PowerShell: curl.exe):

curl -LO https://raw.githubusercontent.com/8bsite/pizzeria-website-template/main/index.html
curl -LO https://raw.githubusercontent.com/8bsite/pizzeria-website-template/main/AGENTS.md
curl -LO https://raw.githubusercontent.com/8bsite/pizzeria-website-template/main/LICENSE
curl -LO https://raw.githubusercontent.com/8bsite/pizzeria-website-template/main/CREDITS.md

Prompt for the agent:

Read AGENTS.md, then edit index.html. Make this the site for <my pizzeria: name, address, year founded, pies with prices, slice window list, opening hours, delivery area, group booking rule, weekly nights, regulars, phone, email, how people book>. Replace first the name in every letter case, the pound prices, the founding story, the four regulars and their quotes. Keep the ids, the classes AGENTS.md lists, one dough photo per step and each --len matching its text. Ask me for missing facts; never invent prices, hours, addresses, allergens, reviews or contacts.

In a terminal

npx degit 8bsite/pizzeria-website-template my-site

Pizzeria website design prompt for any AI tool

Use this to build a pizzeria site from scratch in Claude Code, Codex, Cursor, Lovable, v0 or Bolt, or to brief a designer. It is this template's design written as decisions; with the template itself, the short prompt above is enough.

Build a one-page website for a neighbourhood pizzeria with a slice window. Audience: locals deciding where to eat tonight and groups asking for a table. Sections in order: navigation with a menu overlay, opening screen, the dough told in five steps, one house rule line, four priced pies, the slice window list, the regulars, weekly nights, find me with opening hours and street number, questions, table request form, footer. Type: Bricolage Grotesque 800 condensed in all caps for headings, Montagu Slab 700 caps for the biggest words only, Pliant for body text, prices and buttons. Colours: tomato red #ff3b21 and cream #f6f2e8 as alternating full-width bands, deep red #b81f0c for text on cream, ink #1c0b07 for text on red, and #86a6d6, #f1c232 and #0e6b46 only on the pie cards. Join bands with wavy edges; use pill and arch shaped photos, outlined rings, no shadows, no gradients, no three icon cards, no centred hero with two buttons. Motion idea: type, rings and photos arrive from outside the frame and settle, with GSAP and ScrollTrigger; turn it all off under prefers-reduced-motion. Write in the first person, short and warm. Ask me for pie names, prices, hours, address, delivery area and group rules; never invent them, and list every placeholder. One primary action, Book a table, repeated in the menu, the opening and the form. On phones keep the menu button fixed at the bottom centre with large tap targets. Check: no console errors, works at 390 px, visible keyboard focus.

Pizzeria website design and motion

Palette

#ff3b21 page background and the grounds of the first screen, dough, house rule, slice window, nights, questions and footer; heading colour on cream bands; one pie card, the send button and the street number#f6f2e8 cream grounds of the second opening screen, pies, people, find me, contact and the menu overlay; large heading text on red bands; the light button fill and the footer wordmark#b81f0c body text, logo and raised words on cream bands, the ellipse drawn round 14 and the text of the light button#1c0b07 body text, rules, button ink and raised-word underlines on red bands, and the backing of the capsule photos#86a6d6 background of the first pie card#f1c232 background of the second pie card#0e6b46 background of the third pie card, with cream text

Fonts

Bricolage Grotesque: weight 800 in a condensed width, all caps: section headings, pie and step names, the statement lines, the logo and the question rows
Montagu Slab: weight 700, all caps: the second line of the main heading, the house rule line, the day names, the street number and the footer wordmark
Pliant: wide variable sans: body text at weight 400, prices, labels and buttons in bold tracked caps, and form fields at weight 400

Full-width bands alternate tomato red and cream, and ten wavy edges join the bands, each in the colour of the band below. Headings are huge condensed caps with a heavy slab serif for the biggest words. Photos are capsules, circles ringed in outline, and arch-topped pie cards in four colours. Prices, nights and opening hours sit as ruled rows, with Tue, Thu and Sun and the street number 14 set giant.

This restaurant website design talks like the owner. Headings are all caps, with a few small, raised, underlined words that pop up as they scroll into view; the two opening lines part sideways at their own speeds. Blue, yellow and green appear only on the pie cards.

Every value of this pizzeria website design, with the type scale, spacing and the motion rules, is in its DESIGN.md file (Google's format), ready for a coding agent or Stitch.

What is on the pizzeria website page

Navigation
An Instagram round button, the name Monella pizza and a round menu button; a full-screen menu with six links, address, phone and email
The bar slides away on a scroll down and returns on a scroll up, and the logo and round buttons change colour to stay readable over red and cream bands.
Pizza for the Whole block
A red first screen with a two-part heading, a pill photo and rings, then a cream screen with a circular photo window and a first-person statement
On load the heading lines rise and the pill photo swings in and bobs; on scroll the two lines slide apart, the pill tips over, the wavy edge swells and a round window opens onto hands reaching for slices.
I take my time
Five steps of the dough held in one tilted frame, each next photo wiping up over the last as the step names light up
Pinned for about three screens: the framed photo swings through 13 degrees, each next photo wipes up over the last and step names 2 to 5 turn from dark to cream.
The house rule
The house rule: a huge slab line that enters at nearly three times its size and shrinks to fit, beside a pill photo
Pinned for a little over two screens: on wider screens the line enters from the right at 2.8 times its size and shrinks into place, while on phones its three words slide in from alternating sides.
My pies
Four pies dealt out of a pile, each with a photo, a description, a tag and a price
On wider screens the four cards start fanned in a pile in the middle and slide out to their places; on phones each slides in from alternating sides.
The little slice window
A photo of trays and a price list for the slice window
The wavy edge grows as it arrives, two rings float up, the pill photo swings into its slight tilt and the heading's raised word pops up.
My people
Four regulars as portraits with a short quote each
Each portrait climbs into the row from its own depth, the far ones further, and each outline ring springs to size.
Every single week
Three weekly nights with a day, a time and a photo
Each night's photo floats up into place and the heading's raised word pops up.
Find me
A giant 14 circled by an ellipse that closes in, with a photo, the address, hours, directions and phone
An outlined ellipse starts oversized and turned, then shrinks and untwists while its stroke draws round the number 14, and the neon photo rises from below.
Asked at the counter
Five questions as native <details>
The wavy edge grows and the heading's raised word pops up; each question's plus turns to a cross when it opens.
What brings you here?
A request form with a reason select and a round send button ringed by ripples
Six rings drift in from scattered positions and settle as ripples round the round send button.
Visit
Visit, hours, page links and contacts above a huge wordmark with a bar and rings
The wordmark rises from under the bottom edge and tips into its 6 degree slant, the bar draws across beneath it and five rings climb into place.

Before you publish the pizzeria website site

Replace social preview image, favicon, social media links, phone number, email address, map and contact form (sends nothing yet) and the invented demo facts (prices, dates, addresses). AGENTS.md lists them.
See my pies button in the first screen lead to #pies now; point them to keep it, or point it to your online menu.
Book a table buttons in the first screen and the menu lead to #contact now; point them to your booking page (OpenTable, Resy, SevenRooms) or keep it on the request form.
Meet my people button in the second screen lead to #people now; point them to keep it.
Call to order button under the pies lead to a tel: link now; point them to your phone, or your delivery or ordering page.
Or grab a slice at the window link under the pies lead to #slices now; point them to keep it.
Get directions button in the Find me section lead to a Google Maps search for the street now; point them to the Google Maps link of your shop.
Round send button of the request form lead to a script checks the name and a phone or email and shows a line; nothing is sent (the form has action="#") now; point them to a form service (Formspree, Netlify Forms) or your booking system, or remove the form and keep the phone.
Instagram links in the header and the footer lead to the Instagram homepage now; point them to your Instagram profile.
The rule line is set very large; long replacement text needs a matching --len or it will overflow on phones.
The photo in the house rule section and the many decorative rings carry no information; the rings have no alt text and are hidden from screen readers.
gsap, ScrollTrigger and Lenis load from jsDelivr at the end of the body; if the CDN is blocked the page shows without motion and smooth scrolling.

Questions about this pizzeria website template

Is this restaurant website template free for a client's pizzeria?

Yes. index.html is MIT licensed, so you can ship it for a client at no cost, with no build step and no CMS, and put it live from a copy of its repository. GSAP, ScrollTrigger and Lenis load from jsDelivr. The 21 photos are Unsplash images and the three typefaces are Google Fonts; CREDITS.md lists the photos.

Does the table request form send bookings?

No. The form checks for a name and a phone or email, shows a thank-you line and clears itself; nothing is sent, and nothing checks for a free table. Connect Formspree or Netlify Forms using AGENTS.md, point the Book a table buttons at OpenTable or Resy, or keep the phone.

Can it work as a restaurant website template with online ordering?

Not as shipped. There is no cart, payment or menu data: the pies are plain text with prices. The Call to order button is a phone link, which you can point at your own ordering or delivery page, and an ordering widget would be a developer's or agent's addition.

Is there a pizzeria website design prompt, and how do I use the template with Claude Code or Cursor?

Put index.html and AGENTS.md in an empty folder using the curl lines in AGENTS.md, tell the agent to read AGENTS.md first, and paste the prompt above. In Bolt, the pizzeria card's button hands over the repository. If you vibe code from scratch in Codex or Lovable, paste the design prompt below instead.

What has to stay the same when I edit it?

Keep every id, the data-8b-section, data-8b-motion and data-8b-part attributes, the classes AGENTS.md lists, one dough photo per step and a --len equal to each big line's length. Keep the header comment and the 8B meta tag in the head. Keep the Design: 8B footer link unless the site owner asks to remove it.

Can I get a pizzeria site like this without editing code?

Yes: describe your pizzeria in a sentence and 8B's AI website builder designs a new site in its own design, not this template. Designing and restyling are free; publishing with hosting and SSL, full HTML export and AI edits in chat are on Pro at $9 a month billed yearly. It runs inside Claude and ChatGPT through the 8B connector.

Not a pizzeria website? More free templates