Visual hierarchy on your menu guides your guests' eyes toward the dishes you want to sell. Many restaurant owners put their menu online without thinking about where the guest's eye goes first. In this article, you'll learn how to use simple design tricks to lead more guests to your most profitable dishes.
Where does a guest look first?
A guest's eye follows a predictable pattern on a menu. On a traditional paper menu, people look first at the top right, then bottom left. On digital menus, they scan from top to bottom.
💡 Example:
A bistro places their best-selling pasta (food cost 28%) at the top right of the menu:
- 40% more sales of this pasta
- Guests order less of the expensive steak (food cost 38%)
- Average food cost drops from 33% to 30%
Result: €180 more profit per week
Using the golden triangle
Place your three most profitable dishes in the 'golden triangle': top right, middle right, and bottom left. These spots attract 70% of all eye movements.
- Top right: Your absolute star (best combination of popularity and margin)
- Middle right: New dish you want to promote
- Bottom left: Seasonal special or high-margin dish
Using size and contrast
Larger text attracts more attention. But don't overdo it - a menu full of large letters becomes cluttered.
💡 Example:
A pizzeria uses three sizes:
- Extra large (18pt): 2 signature pizzas
- Normal (14pt): All other pizzas
- Small (12pt): Toppings and extras
The signature pizzas are ordered 60% more often than before.
Using colors smartly
Warm colors (red, orange) make people hungry and attract attention. Cool colors (blue, green) feel calming but are less appetizing.
- Red/orange: For your top dishes and specials
- Gold/yellow: For premium items that can cost more
- Black/dark gray: For body text
- Avoid blue: Suppresses appetite
⚠️ Note:
Use a maximum of 2-3 colors on your menu. Too many colors make it busy and distracting.
White space as a weapon
Empty space around a dish makes it look more important. Don't cram your menu full - guests get overwhelmed with too many choices.
💡 Example:
A restaurant removes 4 low-margin dishes from their menu:
- More white space around remaining dishes
- Guests order faster (less choice stress)
- Average check increases from €28 to €31
Fewer options = more revenue per guest
Placing photos strategically
A photo always catches the eye. Use a maximum of 2-3 photos on your entire menu, only for dishes with the highest margin.
- Photos increase the chance of ordering by 30%
- Place photos next to dishes with food cost under 30%
- Make sure photos are professional - bad photos hurt more than they help
Making prices subtle
How you display prices affects ordering. Avoid the € symbol and decimals where possible.
💡 Example:
Three ways to show €24.50:
- €24.50 (feels expensive because of € symbol)
- 24.50 (better, but decimal stands out)
- 25 (feels cheapest, even though it's more)
Round numbers without the € symbol feel less expensive.
Menu engineering in practice
Combine visual hierarchy with your numbers. Which dishes have the best margin? They deserve the best spot and the most visual weight.
- Calculate food cost for each dish
- Check which dishes are most popular
- Give the combination 'popular + profitable' the best spots
- Hide dishes with poor margins at the bottom or on the left
⚠️ Note:
Test your changes. Track which dishes are ordered more often for a week after you update your menu.
How do you optimize visual hierarchy? (step by step)
Analyze your current menu performance
Calculate the food cost and popularity of each dish. Make a list of your 3 most profitable and popular dishes - these become your 'stars'.
Place your stars in the golden triangle
Put your best dish at the top right, number 2 in the middle right, and number 3 at the bottom left. Use larger letters and more white space around these dishes.
Test and measure the results
Track which dishes are ordered more often for 2 weeks. Check if your average food cost drops due to the better mix of orders.
✨ Pro tip
Take photos of your 3 best-selling dishes before you update your menu. After 2 weeks, compare your sales figures - this way you'll directly see which visual tricks work in your restaurant.
Calculate this yourself?
In the KitchenNmbrs app you can do this in just a few clicks. 7 days free, no credit card.
Was this article helpful?
Frequently asked questions
How many dishes can I visually emphasize without it looking busy?
A maximum of 3-4 dishes per page. Too much emphasis means no emphasis. Focus on your absolute top performers.
Should I create different menus for lunch and dinner?
Yes, if you have different margins. Lunch dishes often have different food costs than dinner. Optimize both menus separately.
Does visual hierarchy work on digital menus on tablets?
Absolutely. On tablets, guests scan from top to bottom. Place your top dishes at the top and use scroll behavior to your advantage.
How often should I adjust my menu design?
Check your sales figures every 3 months. If certain dishes are ordered much less, consider adjusting their position or visual emphasis.
Can I calculate which dishes have the best margin myself?
Yes, but it takes a lot of time. A system like KitchenNmbrs automatically calculates your food cost per dish, so you quickly see which ones are most profitable.
⚠️ EU Regulation 1169/2011 — Allergen Information — https://eur-lex.europa.eu/eli/reg/2011/1169/oj
The allergen information on this page is based on EU Regulation 1169/2011. Recipes and ingredients may vary by supplier. Always verify current allergen information with your supplier and communicate this correctly to your guests. KitchenNmbrs is not liable for allergic reactions.
In the UK, the FSA enforces allergen regulations under the Food Information Regulations 2014.
📚 Sources consulted
- EU Verordening 852/2004 — Levensmiddelenhygiëne (2004) — Official source
- EU Verordening 853/2004 — Hygiënevoorschriften voor levensmiddelen van dierlijke oorsprong (2004) — Official source
- EU Verordening 1169/2011 — Voedselinformatie aan consumenten (2011) — Official source
- NVWA — Hygiënecode voor de horeca (2024) — Official source
- NVWA — Allergenen in voedsel (2024) — Official source
- Codex Alimentarius — International Food Standards (2024) — Official source
- FSA — Safer food, better business (HACCP) (2024) — Official source
- BVL — Lebensmittelhygiene (HACCP) (2024) — Official source
- Warenwetbesluit Bereiding en behandeling van levensmiddelen (2024) — Official source
- WHO — Foodborne diseases estimates (2024) — Official source
Food Standards Agency (FSA) — https://www.food.gov.uk
The HACCP standards shown in this application are for informational purposes only. KitchenNmbrs does not guarantee that displayed values are current or complete. Always consult the FSA or your local authority for the latest regulations.
Written by
Jeffrey Smit
Founder & CEO of KitchenNmbrs
Jeffrey Smit built KitchenNmbrs from 8 years of hands-on experience as kitchen manager at 1NUL8 Group in Rotterdam. His mission: give every restaurant owner control over food cost.
Engineer your menu for maximum margin
Menu engineering combines popularity with profitability. KitchenNmbrs gives you the data to strategically design your menu. Test it free for 14 days.
Start free trial →