The complete guide to digital menu board font size, contrast ratios, and layout standards that ensure every customer can read your menu.
---
Your menu boards look stunning on the design team's monitors. The typography is elegant. The layout is clean. The brand guidelines are perfectly executed.
There's just one problem: customers can't read them.
This is the invisible crisis in digital signage. Menus designed for aesthetics fail at their primary job—communicating what's available and what it costs. The result is confused customers, slower service, and lost revenue.
This guide provides specific, actionable standards for restaurant signage typography, contrast ratios, and layout density—ensuring your digital menus are as legible as they are beautiful.
---
| 📊 Calculate Your ROI → See the impact of timing optimization |
🎯 Friction Scorecard → Get personalized timing recommendations |
---
Graphic designers working on digital menu projects face a fundamental problem: they design on high-resolution monitors from 18 inches away. Customers view those same designs on commercial displays from 10-15 feet away.
What looks elegant on a 27" iMac becomes illegible on a 55" commercial screen at queue distance.
Low-contrast fonts: Light gray on white, or colored text on busy food photography
Decorative typefaces: Script fonts, thin weights, and "unique" brand fonts that prioritize style over clarity
Dense layouts: Too many items crammed into too little space
Undersized text: Font sizes appropriate for print menus, not digital displays
These aren't design crimes—they're misunderstandings of the viewing context.
---
The most important variable in digital menu typography is viewing distance. Everything else derives from this.
| Zone | Typical Distance | Purpose | |------|-----------------|---------| | Counter/Order Point | 5-8 feet | Final order confirmation | | Queue Area | 8-15 feet | Primary decision-making | | Entry/Welcome | 15-25 feet | Category awareness |
Design priority: Queue area (8-15 feet). This is where customers make purchasing decisions.
A widely-used industry guideline: 1 inch of letter height per 10 feet of viewing distance.
| Distance | Minimum Cap Height | |----------|-------------------| | 5 feet | 0.5 inches | | 10 feet | 1 inch | | 15 feet | 1.5 inches | | 20 feet | 2 inches |
For a queue distance of 12 feet, critical text (prices, item names) should have a cap height of at least 1.2 inches on the display.
The conversion depends on your screen's pixel density:
For a 55" 1080p display viewed at 12 feet:
---
Not all fonts are created equal for digital signage. What works in print or on websites often fails on menu boards.
High-Readability Sans-Serif Fonts:
Fonts to Avoid:
Many brands have proprietary fonts that look great on packaging but fail on digital signage.
Compromise approach:
Better than illegibility: A readable menu that's 80% on-brand beats a perfectly on-brand menu that customers can't read.
| Element | Recommended Weight | |---------|-------------------| | Category headers | Bold (700) | | Item names | Medium or SemiBold (500-600) | | Prices | Bold (700) | | Descriptions | Regular (400) | | Fine print/calories | Regular (400), larger size |
Avoid: Light (300) and Thin (100-200) weights. They lose definition on LED screens and disappear in bright environments.
---
Contrast is the difference in luminance between text and background. Insufficient contrast makes text hard to read, especially for older customers or those with visual impairments.
The Web Content Accessibility Guidelines provide specific contrast ratios:
| Level | Ratio | When to Use | |-------|-------|-------------| | WCAG AA (minimum) | 4.5:1 | Normal text | | WCAG AA Large | 3:1 | Text 24px+ or 18px+ bold | | WCAG AAA (preferred) | 7:1 | Maximum accessibility |
For digital menu boards, target WCAG AA minimum (4.5:1) and aim for AAA (7:1) where possible.
Problem 1: Text on Food Photography White text over a photo of a burger looks great—until the burger has a light bun or mayo drip right behind the text.
Solution: Use semi-transparent dark overlays behind text, or dedicate text zones separate from imagery.
Problem 2: Subtle Brand Colors Brand guidelines specify "light gray secondary text" that works in print. On screens in bright environments, it becomes invisible.
Solution: Adjust brand colors for screen applications. Darken grays, strengthen accent colors.
Problem 3: Colored Backgrounds Orange text on red background. Blue text on purple background. These combinations fail contrast requirements.
Solution: Test every color combination with a contrast checker before deployment.
---
Even with perfect font choices and contrast, cramming too much content into too little space destroys readability.
| Screen Size | Max Items Visible | |-------------|------------------| | 32" | 6-8 items | | 43" | 8-12 items | | 55" | 12-16 items | | 65" | 14-18 items |
These assume standard QSR viewing distances (8-15 feet) and include item name + price + brief modifier.
Whitespace isn't wasted space—it's breathing room that allows each item to be processed individually.
Minimum spacing recommendations:
A simple validation: step back 15 feet from your screen and squint. If you can't immediately distinguish individual items, your layout is too dense.
If items blur together, your customers experience that confusion clearly—along with the frustration.
Columns work well for:
Grids work well for:
Avoid: Mixing too many layout patterns on one screen. Consistency aids scanning.
---
Design specifications are starting points. Real-world testing validates (or corrects) your choices.
Stand 15 feet from your screen in the actual installation environment: 1. Can you read item names without effort? 2. Can you identify prices immediately? 3. Can you distinguish categories? 4. Does any text require squinting?
If any answer is "no," revise before deployment.
Test in the worst lighting conditions your screens will face:
If text disappears in harsh light, increase contrast or reposition screens.
Your design team likely has good vision. Test with:
Real feedback from diverse users reveals problems designers miss.
---
Beyond good practice, accessibility has legal dimensions.
The Americans with Disabilities Act doesn't specify exact requirements for digital menu boards, but general accessibility principles apply:
If your menu boards connect to self-order kiosks, accessibility standards become more explicit. Ensure consistency between boards and kiosks.
---
| Element | Size (55" 1080p) | Weight | Notes | |---------|-----------------|--------|-------| | Category Header | 60-80px | Bold | All caps acceptable | | Item Name | 40-55px | SemiBold | Mixed case preferred | | Price | 45-60px | Bold | Consistent placement | | Description | 30-40px | Regular | Optional, brief | | Calories/Info | 24-32px | Regular | Meets regulatory requirements |
---
Typography and layout standards are built into the SeenLabs platform:
Pre-Tested Template Library Every template is validated for viewing distance readability, WCAG compliance, and layout clarity—no guesswork required.
Design Guidelines Built-In Recommended font sizes, weights, and spacing are embedded in the content editor, guiding operators toward readable designs.
Multi-Zone Layouts Purpose-built templates that separate text-heavy menu zones from promotional zones, ensuring legibility where it matters most.
Content Best Practices Documentation and support resources specifically for QSR menu design, not generic signage.
---
Beautiful design that customers can't read is failed design. Every typography choice, contrast decision, and layout adjustment should serve one master: can the customer find what they need to order?
1. Calculate for viewing distance — The 1-inch-per-10-feet rule is your starting point 2. Choose readable fonts — Sans-serif, medium+ weight, tested at distance 3. Verify contrast ratios — 4.5:1 minimum, 7:1 preferred 4. Reduce density — Whitespace aids processing, clutter destroys it 5. Test in real conditions — 15-foot stand-back, diverse users, harsh lighting
The menu board that looks stunning AND converts is possible. It just requires putting readability on equal footing with aesthetics.
---
| 📊 Calculate Your ROI → See the impact of timing optimization |
🎯 Friction Scorecard → Get personalized timing recommendations |
---
About SeenLabs
SeenLabs builds digital signage solutions with legibility engineered in from the start. Our templates and design tools help operators create menus that are both beautiful and readable.