Restaurant
Menu-first restaurant site
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