Inicio Restaurant Digital Menu Page

Digital Menu Page

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

Menu Interactive Food Display
Copia este prompt y pégalo en ChatGPT o Claude
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.

Cómo usar este prompt

  1. 1 Copia el prompt de arriba
  2. 2 Pégalo en tu herramienta de IA favorita (ChatGPT, Claude, v0, etc.)
  3. 3 La IA generará el código del sitio web por ti
  4. 4 Personaliza e itera según tus necesidades

Acerca de este Prompt de Restaurant

Este prompt Digital Menu Page está diseñado para ayudarte a crear rápidamente sitios web profesionales de restaurant usando herramientas de IA como ChatGPT, Claude, v0 de Vercel, Cursor y Bolt.new.

Ya seas desarrollador, diseñador o emprendedor, este prompt de IA gratuito te da una ventaja al crear digital menu page. Simplemente copia el prompt, pégalo en tu asistente de código IA favorito y personalízalo para tu marca.

Herramientas de IA Compatibles

  • ChatGPT (GPT-4) - Excelente para generación detallada de código y explicaciones
  • Claude 3 - Excelente para diseños web complejos y matizados
  • v0 de Vercel - Perfecto para componentes React y Next.js
  • Cursor - Ideal para codificación potenciada por IA en tu IDE
  • Bolt.new - Prototipado rápido y apps full-stack
  • Lovable - Constructor de sitios web IA fácil de usar

Etiquetas

Menu Interactive Food Display Restaurant Prompt de IA Plantilla Gratis Constructor Web Diseño Web Prompt Copiar Pegar