Skip to content
๐Ÿ”ฅ Special Launch Offer: Get lifetime access to all 24 prompts!Claim Discount
Restaurant

Menu-first restaurant site

Dark restaurant homepage with a wide dining-room photo, an overlay info panel and a dotted-leader menu below.

The prompt

Build a website for a neighbourhood Italian restaurant. People arrive with four questions: what is it, where is it, when is it open, and can I book. Answer all four above the fold.

Hero: a single wide photograph of the dining room at 21:9, with an overlay panel pinned to the bottom-left containing the restaurant name, a one-line description, today's hours computed from an opening-hours object, the address as a link to a map, and a 'Book a table' button. The panel is a solid surface, not a gradient scrim.

Then the menu, presented as a real menu and not a card grid: four sections with a monospace section label, and within each, dishes as rows โ€” name in medium weight on the left, a leader of dots, price in monospace on the right, and a small italic line of ingredients beneath. Dietary markers as small uppercase monospace letters, with a key at the bottom.

Then a three-image strip of food photography at 1:1. Then a short 'The room' paragraph with one interior image. Then a footer with full hours as a seven-row table, address, phone as a tel link, and a single Instagram link.

Design tokens: background #14110E, surface #1D1914, hairline #2E281F, text #F2EDE4, muted #A79C8C, accent #C0703C. Radius 6px. Serif display for the name and section labels, sans for body, monospace for prices and hours.

Constraints: no PDF menu, no background music, no image slider, no reservation widget that blocks the page. Include LocalBusiness and Menu structured data.

Paste the whole block into your builder. Replace the bracketed names with your own โ€” leave the constraints alone, they are what stops the generic output.

About this prompt

A restaurant site that answers the four questions people actually arrive with, above the fold.

Tags:#dark-mode#hospitality#menu#local
Prompt Setup Guide

How to use this prompt & FAQs

Follow these simple steps to generate high-converting websites using Menu-first restaurant site.

STEP 01

Copy System Prompt

Click the copy button above to grab the structured system prompt for "Menu-first restaurant site".

STEP 02

Paste into AI Builder

Open Lovable, Bolt, Codex, Claude, Replit and paste the system prompt into the composer or initial prompt box.

STEP 03

Generate & Refine

Replace any bracketed text like [App Name] with your specific details, then click generate.

Frequently Asked Questions

More like this

Other restaurant prompts

Menu-first restaurant site โ€” AI prompt for Restaurant | SitePromts ยท SitePromts