Digital Menu Page
An interactive digital menu with categories, dietary filters, and beautiful food imagery
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 this prompt
- 1 Click the "Copy Prompt" button above to copy the full prompt to your clipboard
- 2 Open ChatGPT, Claude, or your preferred AI assistant
- 3 Paste the prompt and customize any placeholder text (like product names or brand colors)
- 4 Let the AI generate your website code or design specifications
More Restaurant Prompts
Food Delivery Landing Page
A conversion-focused landing page for a food delivery service or ghost kitchen
Reservation Booking Page
A streamlined table reservation system with date picker, party size, and special requests
Restaurant Homepage
A complete restaurant homepage with menu preview, ambiance gallery, and reservation system
About this Restaurant Prompt
This Digital Menu Page prompt is designed to help you quickly create professional restaurant websites using AI tools like ChatGPT, Claude, v0 by Vercel, Cursor, and Bolt.new.
Whether you're a developer, designer, or entrepreneur, this free AI prompt gives you a head start on building digital menu page. Simply copy the prompt, paste it into your favorite AI coding assistant, and customize it to match your brand.
Compatible AI Tools
- ChatGPT (GPT-4) - Great for detailed code generation and explanations
- Claude 3 - Excellent for complex, nuanced website designs
- v0 by Vercel - Perfect for React and Next.js components
- Cursor - Ideal for AI-powered coding in your IDE
- Bolt.new - Quick prototyping and full-stack apps
- Lovable - User-friendly AI website builder