Startseite Restaurant Digital Menu Page

Digital Menu Page

An interactive digital menu with categories, dietary filters, and beautiful food imagery

Menu Interactive Food Display
Kopiere diesen Prompt und füge ihn in ChatGPT oder Claude ein
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.

So verwendest du diesen Prompt

  1. 1 Kopiere den Prompt oben
  2. 2 Füge ihn in dein Lieblings-KI-Tool ein (ChatGPT, Claude, v0, etc.)
  3. 3 Die KI generiert den Website-Code für dich
  4. 4 Passe an und iteriere nach deinen Bedürfnissen

Über diesen Restaurant Prompt

Dieser Digital Menu Page Prompt wurde entwickelt, um dir zu helfen, schnell professionelle restaurant-Websites mit KI-Tools wie ChatGPT, Claude, v0 von Vercel, Cursor und Bolt.new zu erstellen.

Ob Entwickler, Designer oder Unternehmer - dieser kostenlose KI-Prompt gibt dir einen Vorsprung beim Erstellen von digital menu page. Kopiere einfach den Prompt, füge ihn in deinen bevorzugten KI-Coding-Assistenten ein und passe ihn an deine Marke an.

Kompatible KI-Tools

  • ChatGPT (GPT-4) - Hervorragend für detaillierte Code-Generierung und Erklärungen
  • Claude 3 - Ausgezeichnet für komplexe, nuancierte Website-Designs
  • v0 von Vercel - Perfekt für React- und Next.js-Komponenten
  • Cursor - Ideal für KI-gestütztes Coding in deiner IDE
  • Bolt.new - Schnelles Prototyping und Full-Stack-Apps
  • Lovable - Benutzerfreundlicher KI-Website-Builder

Tags

Menu Interactive Food Display Restaurant KI-Prompt Kostenlose Vorlage Website-Builder Webdesign Copy-Paste Prompt