The Reddit question that every restaurant owner secretly asks. The 8-8-8 Rule that answers it. And the 7 design crimes that are costing UK food businesses real money, right now.
Someone on Reddit posted it at 11pm on a Thursday. By Friday morning, thousands of restaurant owners had liked it because they recognised their own counter instantly. The thread that followed contained more practical menu design advice than most paid courses — and revealed a rule so simple it should be printed on every digital menu board box that ships in the UK.
"Why does my digital menu board look like garbage from 10 feet away? I spent hours on it in Canva and it looked perfect on my laptop. Now it's on the screen and it's basically unreadable unless you're standing directly under it."
The Reddit reply is correct. But it is also incomplete — because the 8-8-8 Rule is the framework, and there are seven specific design crimes that cause the problem in the first place. This guide covers all of them, with a live demonstration of what bad versus good looks like, and a practical checklist you can use to audit your own menu board today.
1. Why Your Menu Looks Fine on Your Laptop and Garbage on the Screen
There is a simple physics reason your Canva-designed menu looked perfect at your desk and became unreadable on the actual screen. Your laptop monitor is typically 15 inches, viewed from roughly 18–24 inches. Your menu board is 43 inches, mounted at 8–10 feet. The viewing angle, ambient light and distance change everything about how type resolves visually.
A font that appears bold and clear at 24 inches becomes thin and indistinct at 10 feet because your eye physically captures fewer pixels per character. A colour contrast that looked fine on a calibrated laptop screen may fall apart under the fluorescent lighting of your takeaway or the warm lighting of your restaurant. A layout that seemed spacious on a 15-inch screen looks cramped and cluttered on 43 inches of wall-mounted commercial display.
Every doubling of viewing distance requires roughly doubling the font size to maintain equivalent legibility. Your laptop at 2 feet is not the same viewing environment as your menu board at 10 feet. Designing one for the other will always fail.
Add to this the reality that your customers are not staring at the screen in isolation. They are in a queue. There may be noise, movement and social pressure around them. They are looking at the screen while also managing a bag, talking to someone or watching their children. Your menu board needs to communicate instantly, from distance, under imperfect conditions — and that is an entirely different design challenge than producing something that looks good in Canva on a Thursday evening.
2. The 8-8-8 Rule — Full Breakdown
No more than 8 items per category
Beyond 8 items, choice anxiety sets in. Customers stop reading and default to the safe, familiar option — your lowest-margin item. Fewer items displayed means each item gets more screen space, larger fonts and more visual impact. Research from Bournemouth University shows customers decide faster and spend more when presented with fewer, well-organised options.
Maximum 8 words in any item description
Customers spend an average of 109 seconds looking at a menu. They are scanning, not reading. A description that runs to three lines forces reading — and no one reads at 10 feet from an 8pt font. Eight words is enough to communicate key flavour notes and ingredients. "Grilled chicken, smoky chipotle, fresh lime" is better than a paragraph. Everything beyond 8 words will not be read.
Every text element readable from 8 feet
Stand 8 feet from your screen — roughly the start of your queue — and read every element. If you have to move closer to read a price, description or category heading, your menu is failing before customers reach your counter. The standard rule: 1 inch of letter height per 10 feet of viewing distance. Most UK restaurant menu boards violate this for descriptions and prices.
The 8-8-8 Rule is not about aesthetics. It is about reducing cognitive load — the mental effort required to read and make a decision — at the exact moment a customer is simultaneously in a queue, feeling time pressure, possibly hungry, and making a financial decision. The menu board that wins is the one that removes effort from that process, not the one that impresses you at your desk.
3. Bad vs Good — See the Difference Yourself
Below are two simulated menu boards. Both contain the same items and prices. The bad example breaks every rule. The good example follows the 8-8-8 framework. The difference in readability is immediately visible — even at screen size, on a device you are holding 18 inches from your face. Now imagine these 10 feet away, mounted on a wall.
9 items in the first column alone. Descriptions running 12+ words. Font size is approximately 6–8px — completely unreadable from 5 feet. Decorative emoji throughout. Three-column layout leaves no breathing room. Flashing promotional banner competes with everything else. Three typefaces used. No visual hierarchy — everything is the same visual weight.
4 items per column — well under the 8-item limit. Descriptions are 4–6 words. Font sizes are dramatically larger. One typeface. High contrast white on very dark background. Deal panel clearly separated with colour emphasis. The eye knows immediately where to look. This menu communicates its full content in under 10 seconds from any distance.
4. The 7 Design Crimes That Make Menus Unreadable
Font That's Too Small — For Your Screen, Not Your Laptop
The most common failure. Descriptions at 10–14px, prices at 12px, item names at 18px. All fine at a desk. All invisible at 10 feet. The standard rule is 1 inch of letter height per 10 feet of viewing distance. For a 43" screen at 10 feet, item names need to be at minimum 60px at 1080p.
Decorative or Script Fonts for Item Names
That swirling script font looked beautiful on the mood board. On a lit screen at 8 feet, with ambient restaurant noise and a queue behind them, your customer cannot decode whether that word is "Crostini" or "Croissant". Script fonts collapse at distance — the letterforms merge. Decorative serifs are barely better.
Insufficient Contrast — The Silent Killer
Dark red text on a dark background. Light yellow text on a white background. Warm orange on pale beige. All look fine in Canva under good monitor lighting. Under restaurant ambient light at angle, they become completely illegible. WCAG accessibility guidelines require a minimum contrast ratio of 4.5:1 for readable text — most DIY menus fail this even on a monitor.
Too Many Items — Choice Paralysis by Design
25 items crammed onto one screen. Three columns of eight. A drinks list that includes every variant of every drink. Research is unanimous: more choices result in slower decisions and lower average spend. The psychology term is the paradox of choice — and your cluttered menu is triggering it at the worst possible moment.
Descriptions That Are Actually Essays
"Slow-cooked for 12 hours in our secret spice blend, inspired by our head chef's travels through Northern Mexico, featuring three types of chilli, hand-pulled brisket, and served with house-made slaw on a toasted brioche bun." This is a menu description. Nobody reads this. Nobody. At 10 feet. In a queue. Ever.
Using Too Many Font Weights and Styles
Category headers in Bold Italic. Item names in Regular. Descriptions in Light Italic. Prices in a completely different weight. Three weights of the same typeface on a menu board is the maximum. Beyond three, the hierarchy collapses and the eye does not know what to read first — which means everything gets equal (low) attention.
Animation That Fights the Menu
A flashing promotional banner in the corner. Text that slides in from different directions. Spinning price badges. Individual items that pop in and out. Animation should guide the eye to one thing at a time — a featured item, a deal, a new launch. When everything moves, nothing gets noticed. The animation competes with the menu rather than complementing it.
5. The Font Guide for Menu Boards
Inter — The Gold Standard
Designed specifically for screen readability. Humanist details, open apertures, excellent at distance. Works at any weight. The default choice for professional menu designers.
Outfit — Modern & Versatile
Clean geometric with strong numerals — excellent for prices. Wide range of weights. Feels contemporary without sacrificing legibility. Popular for QSR and fast casual environments.
Syne — Bold & Distinctive
Wide, confident, excellent at large sizes for category headers. Distinctive character without sacrificing readability. Use at 700–800 weight for headings. Works in all lighting.
Script / Handwriting Fonts
Collapse completely at distance. Letterforms merge. Ascenders and descenders overlap at small sizes. Beautiful at 6 inches. Illegible at 6 feet. Never use for menu item text.
Heavy Serif Fonts (for body text)
Work as headers at large sizes. Fail for descriptions and prices — serifs clog at small sizes on screens. Use for category names if you must, never for 14px+ description text.
Ultra-Light Font Weights
100 and 200 weights become hair-thin at distance under restaurant lighting. Beautiful on a portfolio website at 24 inches. Invisible on a menu at 10 feet. Minimum weight: 400 Regular for descriptions, 600 SemiBold for names.
6. The Distance & Font Size Reference Table
| Viewing Distance | Recommended Screen | Item Name Min Size | Description Min Size | Price Min Size |
|---|---|---|---|---|
| 3–5 feet (close counter) | 32"–43" | 40–50px | 24–28px | 36–44px |
| 6–8 feet (typical UK takeaway) | 43"–55" | 60–72px | 32–36px | 50–60px |
| 8–12 feet (larger restaurant) | 55"–65" | 72–90px | 36–42px | 60–72px |
| 12–15 feet (food court / open plan) | 65"+ or video wall | 90–120px | 48px minimum | 80–100px |
These sizes are calculated for 1920×1080 (1080p) resolution screens — the standard for commercial menu boards in the UK. If your screen is 4K (3840×2160), double these values to achieve the same physical letter size on screen.
7. The 10-Second Test You Can Do Right Now
-
📏Stand 8 feet from your screen Can you read every item name, description and price without moving closer? If not, your fonts are too small.
-
🔢Count items per column If any column has more than 8 items, you have too many. Cull ruthlessly — your highest-margin items stay, the rest go to a supplementary menu.
-
✏️Count description words Read each description out loud. If you need a breath mid-description, it's too long. 8 words maximum — no exceptions.
-
📸Photograph the screen from the queue position Review the photo on your smartphone. If it's hard to read on a 6-inch phone screen at arm's length, it's impossible at 10 feet.
-
🎨Check your contrast Search "colour contrast checker" online, input your text colour and background colour. If the ratio is below 4.5:1, your menu fails the accessibility standard for readability.
-
🖋️Count your font weights How many different font sizes and weights appear on screen? Maximum 3. If you have more, your visual hierarchy is broken and the eye doesn't know where to go first.
-
📺Watch one full animation loop Does the animation guide your eye to a specific item or deal? Or does everything move all at once, making nothing stand out? If it's the latter, the animation is working against you.
8. When to Stop DIY-ing — and Call a Professional
DIY menu boards have a ceiling, and most businesses hit it within weeks. The 8-8-8 Rule can be understood in an afternoon. Executing it well — with professional food photography, correct colour psychology for your venue type, commercial animation that guides without distracting, and a layout that actually sells — is a different discipline entirely.
Professional animated 4K menu board content from Khazina Digital starts from £150+VAT for a one-off bespoke design — and is included free with every qualifying screen purchase. The design is engineered using menu psychology principles: high-margin items in the top-right golden zone, food photography with appetite-stimulating warm tone treatment, animation that draws the eye to the deal panel without competing with the core menu, and the correct font hierarchy for your specific screen size and viewing distance. This is not Canva with a nice template. It is purpose-built commercial content.
The arithmetic is straightforward. A professional menu board that follows the 8-8-8 Rule, features the right items prominently and deploys animation correctly typically increases average order value by 8–15% through better upsell visibility alone. For a restaurant with 80 covers per day at £14 average spend, an 8% uplift is an extra £3,276 per month — against a one-off content design cost of £150+VAT.
Frequently Asked Questions
Get a Menu Board That Works at 10 Feet
Professional 4K animated content built to the 8-8-8 Rule. Included free with qualifying screens. From £150+VAT standalone. From £39/month managed.