Restaurant
Restaurant — Digital Menu Page
Copy-paste layout brief covering Header, Category Navigation, Menu Items and Dietary Filter Bar — hand it to ChatGPT, Claude, or v0 as-is.
Restaurant — Digital Menu Page is a copy-ready build prompt for restaurant pages. Paste it into ChatGPT, Claude, v0 and iterate from the first draft it returns.
If something here is out of date, the source link below is always the canonical reference.
| Use case | Restaurant |
|---|---|
| Works with | ChatGPT, Claude, v0, Cursor |
| Source | websiteprompts.com |
Create a digital menu page for a modern Asian fusion restaurant called "Umami House". Include these features:
1. HEADER
- Restaurant logo and name
- Current time and "Open Now" / "Closed" indicator
- Language toggle (English/Chinese)
2. CATEGORY NAVIGATION
- Horizontal scrollable tabs or sticky sidebar
- Categories: Appetizers, Sushi & Sashimi, Noodles & Rice, Main Courses, Vegetarian, Desserts, Beverages
- Active category highlighted
- Smooth scroll to section
3. MENU ITEMS (Card Layout)
- High-quality food image (square or 4:3 ratio)
- Dish name in English with Asian characters
- Description (2 lines max)
- Price clearly displayed
- Dietary icons: 🌱 Vegetarian, 🌶️ Spicy, 🥜 Contains Nuts, GF Gluten-Free
4. DIETARY FILTER BAR
- Toggle filters: Vegetarian, Vegan, Gluten-Free, Spicy, Chef's Picks
- Filter count showing matching items
- Clear all filters button
5. ITEM DETAIL MODAL
- Large food image
- Full description
- Ingredients list
- Nutritional information (optional)
- Allergen warnings
- Customization options (spice level, add-ons)
- Add to order button (if online ordering enabled)
6. SPECIALS BANNER
- Highlighted section for daily specials or chef's recommendations
- "Limited Time" badge for seasonal items
7. FOOTER
- Download PDF menu option
- QR code for sharing
- Last updated date
Design: Clean, minimal with focus on food photography. White background with accent color #E11D48 (rose). Use clear typography that's easy to read on mobile devices. Mobile-first responsive design.How to use it
- Copy the full prompt with the button above.
- Paste it into your model and add your brand, copy and colours.
- Ask for one section at a time if the first pass is too broad.
Compiled and written by HowToPrompts from public sources. View original source ↗
← Back to Website Prompts