Digital menu board design: rules, layouts and 25 ideas
Quick answer: DigitalSignage.com's menu board design rules fit on one line: 5 to 7 items per category and 20 to 30 per landscape screen, body text of 36 points at 10 feet on a 1080p canvas, prices as whole numbers without dollar signs or dotted leaders, one hero photo covering at least a quarter of the screen, text contrast of 4.5:1 or better, and the same grid in every daypart so only the content changes at 10:30 and 16:00. The 25 ideas below apply those rules to specific counters, from a coffee cart on one portrait screen to a three-board quick-service line, and all are built in SignStudio on the free plan.
Key facts
- A common planning range for a menu board is 5 to 7 items per category and 20 to 30 items per landscape screen read from 6 to 10 feet.
- Body text on a 1080p canvas needs 24 points at 6 feet and 36 points at 10 feet, from the formula 12 + 2.4 x distance in feet in our typography guide.
- WCAG 2.2 sets 4.5:1 as the minimum contrast ratio for normal text and 3:1 for large text, and a menu board read from a queue needs at least that.
- A hero photo should cover at least a quarter of the screen, about 960 x 540 pixels on a 1080p canvas, and thumbnails under about 200 pixels tall read as clutter from the queue, a common planning figure.
- Prices read fastest as whole numbers with no trailing zeros and no currency symbol repeated on every line: 9, not $9.00.
- Dayparting in SignStudio switches the breakfast, lunch and dinner scenes on the player's own clock, and our documentation states that scheduling is included on every plan, including the free one.
- A menu stand on the counter is read from 1 to 3 feet, so a 10 to 15 inch screen with 18-point body text carries 6 to 10 items comfortably.
Last updated November 4, 2026. Type sizes come from our typography and viewing distance guide, item counts from our word-budget guide, contrast ratios from WCAG 2.2, and product behavior from our SignStudio documentation.
What are the layout rules for a digital menu board?
A digital menu board is read by someone standing in a queue, 6 to 12 feet away, deciding in under a minute, so every layout rule serves one goal: the customer finds the category, the item and the price in that order without hunting. The rules below carry the planning figures a designer needs before opening the editor.
| Rule | Figure | Why it matters |
|---|---|---|
| Reading order | Landscape: left to right in columns, top to bottom inside each; portrait: a single column top to bottom | Eyes scan a wide board in a Z and a tall board in a straight line |
| Category order | The order people order in: drinks, mains, sides, desserts at a counter; mains first at a lunch line | The board should match the conversation at the till |
| Zones per screen | 3 at most: menu, promotion, footer strip | A fourth zone competes with the menu for the eye |
| Items per screen | 5 to 7 per category, 20 to 30 per landscape screen (see our word-budget guide) | More items lengthen the decision while the queue waits |
| Body text size | 24 pt at 6 ft, 36 pt at 10 ft, 48 pt at 15 ft on a 1080p canvas (our typography guide) | About 1 inch of letter height per 10 feet of distance |
| Line height | 1.2 to 1.4 times the font size, so 48 to 62 pixels for 36-pt text | Tighter lines merge from a distance |
| Price formatting | Whole numbers, no trailing .00, no dollar sign on every line, no dotted leaders; price right after the name or in a tight right-aligned column | Every character removed can be set larger |
| Photo size | One hero of at least a quarter of the screen; thumbnails 200 px tall or more on 1080p, or none | Small photos are noise from 10 feet |
| Contrast | 4.5:1 minimum for item text, 3:1 for headings, from our color contrast guide | Glare and distance eat contrast that looks fine on a laptop |
| Fonts | Two families at most, open counters, clear 1, l, I and 0, O (our best fonts guide) | Prices are numerals; numerals must be unambiguous |
| Motion | None in the menu zone; 7 to 15 seconds per item in the promotion zone only | A moving price is a price nobody trusts |
| Safe area | Keep text at least 5 percent from every edge | Some TVs overscan and cut the edges |
Bottom line: a menu board that keeps 20 to 30 items at 36 points with whole-number prices, one hero photo and a still menu zone is readable from the back of the queue; break two of those rules and it is not.
The price rule surprises restaurateurs most. A price written as "$9.00" is five characters; "9" is one, and at the same column width the single numeral can be set almost twice as large. Keep one currency symbol in the header if the board serves tourists, and keep the decimal only where it carries information, as in 4.50 against 5.
Photography is the second surprise. One photograph of the dish you most want to sell, shot on your own counter and covering a quarter of the screen, sells more than twelve thumbnails of everything. Thumbnails under 200 pixels tall on a 1080p board are a planning floor; below it, the customer sees colored rectangles.
Which layout fits one, two or three screens?
Choose the layout from the number of all-day items first and the number of screens second, because a 50-item menu on one screen fails whatever the layout. The table gives the layouts that work at each screen count and the item load each carries comfortably at 36-point text.
| Screens | Layout | What goes where | Comfortable item count | Typical counter |
|---|---|---|---|---|
| 1 landscape | Three columns plus a promotion strip | Column 1 drinks, column 2 mains, column 3 sides and desserts; strip along the bottom for one offer | 20 to 30 | Cafe, food truck, coffee cart |
| 1 portrait | Hero on top, single column below | Hero photo in the top quarter, categories stacked, prices in a right-hand column | 20 to 25 | Narrow wall, ice cream counter, salon |
| 2 landscape | Category split | Left: mains and combos with the hero photo; right: drinks, sides and desserts as text | 40 to 50 | Coffee shop, pizza, sandwich bar |
| 3 landscape | Promotion, menu, menu | Left: video promotion and limited-time offer; center: core menu; right: secondary menu and combos | 50 to 70 | Quick-service counter |
| 3 landscape, pre-sell style | Appetite, menu, menu | Left: three items with large photos and no prices; center and right: the full menu | 40 to 60 | Long counters, drive-thru lanes |
| 4 or more | Repeat the 3-screen pattern and add a dedicated promotion screen | Menu screens never carry motion; one screen does | 70 and up | Full-service quick-service, food halls |
Bottom line: one screen carries up to 30 items, two carry up to 50 and three carry up to 70, and a menu longer than that needs dayparting or a printed card, not smaller type.
Keep every board in a row the same orientation, the same grid and the same type sizes, so the row reads as one menu. The left board is read first, so the category that starts most orders belongs there; the right board gets desserts and extras that customers add after they have chosen. Our digital menu board guide covers the hardware for each configuration.
How does dayparting change the design?
Dayparting changes what the board shows, not how the board is laid out, and the best daypart designs keep the grid identical so a regular customer's eyes land where they did yesterday. In SignStudio a campaign per daypart, breakfast until 10:30, lunch until 16:00 and dinner until close, switches the scenes on the player's own clock, as our dayparting guide shows with a worked restaurant schedule.
Design the breakfast scene by copying the lunch scene and replacing the content in place: the mains column becomes the breakfast column at the same position and size, the hero photo changes from a burger to eggs, and the footer strip stays. A happy-hour campaign at High priority can replace only the promotion zone's scene while the menu scenes continue, so the drinks list never moves during the busiest hour.
Give each daypart its own light. A light background with dark text suits a bright breakfast room, and a dark background with light text suits a dim evening bar, provided both pairs pass 4.5:1. If the room's lighting does not change through the day, keep one theme; changing the theme without a reason makes the switch look like a fault.
25 digital menu board design ideas and when to use each
The ideas below are layouts and devices that make a specific counter easier to order from, not decoration, and each names the SignStudio feature that builds it. Most need only the free plan; the ones that need the QR or touch components say so.
| # | Idea | When to use it | How to build it |
|---|---|---|---|
| 1 | Hero and list: one large photo of the signature dish, everything else as text | A new menu with one dish to establish | Image zone of a quarter screen, text zones beside it |
| 2 | The combo ladder: three combos stacked by price with the middle one highlighted | Counters that want to sell the mid-tier | Three text rows, a contrasting background on row two |
| 3 | Ingredient map: a bowl photographed from above with numbered callouts | Build-your-own poke, salad or burrito counters | One photo, numbered text zones, a legend column |
| 4 | Happy-hour countdown in the corner of the drinks board | Bars and pubs | Countdown component with a daily reset |
| 5 | Two-size price columns with a cup icon per size and no repeated currency symbol | Drinks menus with regular and large | Two narrow right-aligned text columns |
| 6 | Dawn-to-dusk theme: light at breakfast, dark at dinner, same grid | Rooms whose light changes through the day | One scene per daypart, copied and recolored |
| 7 | Chef's board zone in a handwritten-style font for specials only | Daily specials from the kitchen | Google Sheets component reading a sheet the kitchen edits |
| 8 | Allergen icon row under each category with "full list on request" | Bakeries and cafes with many shared ingredients | Icon images in a strip, one text line |
| 9 | Origin line under the coffee list: farm, region, roast day | Specialty coffee | One text zone the roaster updates weekly |
| 10 | Sold-out stamp over the item with "back tomorrow" rather than deletion | Bakeries late in the day | Hide the item or show it as sold out from the editor, as our docs describe |
| 11 | Portrait flavor grid: 4 x 6 tiles with a color dot per flavor | Ice cream and gelato with 20 or more flavors | A tile grid of text zones on a 1080 x 1920 scene |
| 12 | "Ready now" row at the top: three items that need no wait | Lunch rushes | A text row the kitchen edits from a phone through a sheet |
| 13 | Kids and seniors box: smaller portions in their own panel | Family restaurants | A boxed zone in column three |
| 14 | Pairing strip: one dish plus one drink at a bundle price, rotating every 15 seconds | Counters that want a bigger ticket | A playlist in the promotion zone, 15-second items |
| 15 | Calorie column aligned as a second numeric column, same weight as the price | Chains covered by the FDA rule | A third text column; see our FDA menu labelling page |
| 16 | Heat scale: one to three chili icons in a dedicated column | Thai, Indian, Sichuan and hot chicken menus | Small icon images in a column |
| 17 | Weekly slot: Taco Tuesday replaces only the promotion zone every Tuesday | Weekly promotions | A recurring campaign rule on the promotion zone's scene |
| 18 | Dark board, light type for a dim bar; light board, dark type for a bright cafe | Any room, decided by its lighting | Two color themes, both checked at 4.5:1 |
| 19 | One-line descriptions of 8 words or fewer in a lighter weight under the name | Menus that need to say what a dish is | A second text style in the same zone |
| 20 | Last-call board 30 minutes before close: kitchen closing time and a dessert push | Dinner service | A campaign with a time window ending at close |
| 21 | Weather-linked promotion: iced drinks beside today's temperature | Cafes with a summer and winter menu | Weather component next to the offer, scenes per season |
| 22 | A muted 10-second video of the pour, the grill or the pull in the promotion zone | Coffee and quick-service counters | A short video in the promotion playlist only |
| 23 | QR code in the footer for the full menu and ordering, sized by the 10:1 rule | Hybrid menus; see our QR code size guide | QR component on Plus+, or a QR image on the free plan |
| 24 | Number-first ordering: every item numbered so customers say "a 7" | Food trucks, international customers, loud rooms | A number column before the name |
| 25 | Seasonal frame: change only the header art and the accent color each season, never the grid | Chains and franchises | One template, four color variants |
Bottom line: every idea on the list either removes a decision from the customer or moves an update from a designer to a spreadsheet, and the ones that do both, such as the chef's board and the sold-out stamp, pay back fastest.
Interactive menu boards extend a few of these ideas with touch. A "build your bowl" preview that assembles the photo as the customer taps ingredients, a tap-for-allergens overlay, a language toggle, and a loyalty check-in are the four that counters ask for most. Touch components are part of mediaCLOUD Plus+ and are not on the free plan, a locked-down full kiosk presentation is Enterprise, and ordering and payment belong to the POS or kiosk-app vendor, with SignStudio driving the attract loop and the boards around it.
What goes on a menu stand or a tabletop screen?
A menu stand is a small screen on the counter or table, read from 1 to 3 feet by one person, so it carries a short list and one offer rather than the whole menu. At 2 feet the typography formula gives 12 + 2.4 x 2 = 16.8 points, so 18-point body text, and at 3 feet our typography table gives 18 points as well, which means a 10 to 15 inch screen fits 6 to 10 items with a photo.
Tabletop screens of 7 to 10 inches replace the printed table tent: the dessert list, the drink of the month, a QR code to order or pay, and the Wi-Fi password. Counter stands of 10 to 15 inches show the add-ons the cashier would otherwise have to suggest, and 21 to 32 inch stands at the entrance show the full menu to the queue before it reaches the boards. The hardware side, including battery and plug options, is on our menu board screens and menu stands page.
The DigitalSignage.com SignPlayer runs on Android, so an Android tablet in a counter stand is a screen like any other in SignStudio, in its own screen group with a Default campaign. Whether a specific stand product or its battery life is supported is not something our documentation states; ask support (support@digitalsignage.com, live chat at https://chat.digitalsignage.com/).
What are the most common menu board design mistakes?
The mistakes below are the ones that make a board unreadable from the queue or stale within a month, and each has a one-line fix. Most of them come from designing the board on a laptop at arm's length instead of standing where the customer stands.
| Mistake | What it costs | Fix |
|---|---|---|
| 40 items on one landscape screen | Decisions slow, the queue grows | Daypart the menu or add a screen; keep 20 to 30 per screen |
| A photo of every item | Nothing stands out and the thumbnails blur | One hero photo, text for the rest |
| Prices as $9.00 with dotted leaders | Type half the size it could be | Whole numbers, no symbol per line, price beside the name |
| Animation in the menu zone | Customers wait for the price to stop moving | Motion in the promotion zone only |
| Thin fonts and low contrast on a glossy screen | Items vanish in glare | 4.5:1 contrast, medium or bold weights |
| Names and prices in the top band of a high board | Customers at the counter look up too steeply | Put items in the lower two thirds; see our mounting height guide |
| A different grid for each daypart | Regulars hunt for the item they buy daily | One grid, content swapped in place |
| No calorie statements on a covered chain's board | A compliance finding | Add the two statements to every panel that lists items |
| Specials with no end date | Last week's special still showing | Give every promotion a date range; let items carry validity dates |
| Portrait content stretched from a landscape scene | Squashed type | Build the scene at 1080 x 1920 |
Bottom line: the fixes cost nothing but a rebuild of the scene, and the two that matter most are fewer items per screen and larger, cleaner prices.
Where do calories and the two statements go?
For restaurants and similar retail food establishments in chains of 20 or more locations, the FDA rule under 21 CFR 101.11 requires calories next to each standard menu item on the board and two statements on the board itself, and every panel that lists items must carry them. Our FDA menu labelling page explains who is covered and how rotating and scrolling boards are treated; this page only places the elements in the layout, as a calorie column at the same weight as the price and a footer strip for the statements.
Worked example: redesigning a 40-item menu for two screens
A sandwich and coffee shop has a 40-item printed menu and two 55-inch landscape boards above the counter, read from about 10 feet. The menu has 8 breakfast items, 12 mains, 8 drinks, 6 sides and 6 desserts, and breakfast stops at 10:30.
| Step | Calculation or decision | Result |
|---|---|---|
| 1. Daypart the breakfast items | 8 breakfast items only before 10:30 | 32 all-day items across 2 screens |
| 2. Items per screen | 32 / 2 | 16, inside the 20 to 30 planning range, leaving room for a hero photo |
| 3. Body text at 10 ft | 12 + 2.4 x 10 = 36 pt | 36 pt, which is 48 px on a 1080p canvas |
| 4. Line height | 1.3 x 48 | 62 px per item |
| 5. Usable height | 1080 x 0.9 safe area = 972 px, minus a 120 px header and a 100 px footer strip | 752 px |
| 6. Lines per column | 752 / 62 | 12 items per column |
| 7. Screen A | Column 1: 12 mains; column 2: hero photo 960 x 540 px on top, 3 combos below | 15 items plus the hero |
| 8. Screen B | Column 1: 8 drinks with two size columns; column 2: 6 sides and 6 desserts | 20 items, 12 lines in column 2 exactly |
| 9. Breakfast campaign | 06:00 to 10:30 replaces Screen A's mains column with 8 breakfast items and a breakfast hero; Screen B unchanged | One scene copied and edited in place |
| 10. Prices and footer | Whole numbers, decimals only on 4.50-type prices; footer with allergen line, QR code and, if covered, the two FDA statements | Type set at 36 pt throughout |
Bottom line: 40 items become 32 all-day items at 36 points across two boards with a hero photo, by moving breakfast into its own daypart and giving each column 12 lines of 62 pixels.
Step 6 is the number designers skip. Twelve lines per column at 10 feet is a physical limit of a 1080p board, and the only way to fit more is smaller type, which the queue cannot read. The breakfast daypart in step 1 is what makes the arithmetic work, and it also removes the "we only serve that until 10:30" conversation at the till.
How to do this in DigitalSignage.com
Build the boards as scenes in SignStudio at the HD preset of 1920 x 1080 or the Portrait HD preset of 1080 x 1920, starting from a restaurant or menu board template or from an empty scene with the zones above.
- Create the all-day scene for each board with text zones for the menu columns, one image zone for the hero and a footer strip.
- Put prices and specials in a shared Google Sheet and read them with the Google Sheets component, which updates when the sheet changes, so staff never open the editor.
- Copy each scene for breakfast and edit the content in place; create a campaign per daypart with its time window and a Default campaign for gaps.
- Hide an item that sells out, or show it as sold out, from the editor; the change reaches the screen within minutes.
- Install the DigitalSignage.com SignPlayer behind each board and pair it with the registration code typed into SignStudio under Register SignPlayer.
- Stand at the back of the queue at the brightest hour and read every price, then take a screenshot from the Screens dashboard at the 10:30 switch.
Our documentation does not describe automatic text fitting, a built-in contrast checker or a live preview at physical size, so check contrast with the formula in our color contrast guide and type size at the real distance; for anything else our documentation does not state, ask support (support@digitalsignage.com, live chat at https://chat.digitalsignage.com/).
Frequently asked questions
Digital menu board design: rules, layouts and 25 ideas
Keep 5 to 7 items per category and 20 to 30 per landscape screen, set body text at 36 points for a board read from 10 feet, write prices as whole numbers without dollar signs or dotted leaders, use one hero photo of at least a quarter of the screen, keep text contrast at 4.5:1 or better, and keep the same grid in every daypart. One screen carries up to 30 items, two up to 50 and three up to 70, and the 25 ideas on this page apply those rules to specific counters.
How many items should be on a digital menu board?
A common planning range is 5 to 7 items per category and 20 to 30 items per landscape screen read from 6 to 10 feet. At 36-point text a 1080p column holds about 12 items, so two columns plus a hero photo carry 15 to 24 items comfortably. A longer menu needs a second screen or a breakfast and lunch daypart.
What font size should a digital menu board use?
Body text of 24 points at 6 feet, 36 points at 10 feet and 48 points at 15 feet on a 1920 x 1080 canvas, from the formula 12 + 2.4 x the viewing distance in feet; headlines are twice the body size. That is about 1 inch of letter height per 10 feet of distance. Use medium or bold weights with open counters and clear numerals.
Should prices on a menu board have dollar signs?
No, not on every line. Write prices as whole numbers, 9 rather than $9.00, keep decimals only where they carry information such as 4.50, and drop dotted leaders. A one-character price can be set almost twice as large as a five-character one in the same column. Keep one currency symbol in the header if the board serves visitors.
How do I design a menu board for breakfast and lunch?
Build the lunch scene first, copy it, and replace the content in place for breakfast so the grid, type sizes and positions stay identical. In SignStudio, create a campaign per daypart, breakfast until 10:30 and lunch after, plus a Default campaign for gaps; the player switches on its own clock. Only the items and the hero photo should change.
What makes a digital menu board interactive?
Touch: a build-your-bowl preview that assembles the photo as the customer taps ingredients, a tap-for-allergens overlay, a language toggle and a loyalty check-in. Touch components are part of mediaCLOUD Plus+ and are not on the free plan, a locked-down full kiosk presentation is Enterprise, and ordering and payment belong to the POS or kiosk-app vendor.
What size screen does a menu stand need?
A tabletop screen of 7 to 10 inches for the dessert list and a QR code, a counter stand of 10 to 15 inches for add-ons, or a 21 to 32 inch stand at the entrance for the full menu. Read from 1 to 3 feet, 18-point body text is enough, which fits 6 to 10 items with a photo on a 10 to 15 inch screen.
Do digital menu boards have to show calories?
Only for restaurants and similar retail food establishments in chains of 20 or more locations under the FDA rule, 21 CFR 101.11. Covered boards show calories next to each standard item and carry two statements on every panel that lists items. Our FDA menu labelling page explains the rule; on the board, place calories as a numeric column at the same weight as the price.
Related guides
- Digital menu boards with SignStudio: setup guide
- Digital menu boards: implementation guide
- Best digital menu board software for restaurants
- Best fonts for digital signage
- How many words should a digital sign have?
- Color contrast for digital signage
- Dayparting: schedule content by time of day
- FDA menu labelling for digital menu boards
- Menu board screens: TV sizes, digital menu stands and drive-thru hardware
Try it on your own screens, free
DigitalSignage.com, which publishes this guide, runs a permanent free plan: the first 3 screens are free forever (no credit card, no ads, no watermark, no time limit), then from $3 per screen per month on Plus+. Once an account has 4 or more screens, every screen is billed, so 10 screens cost $360 a year; Enterprise is priced per screen in the public price calculator. The free DigitalSignage.com SignPlayer runs on Windows, Mac, Android and Android TV, Chrome OS, Raspberry Pi, iPad or any modern web browser, so the hardware you already own usually works. Start free · pricing · How 11 vendors compare on price
Maintained by MediaSignage Inc., operator of DigitalSignage.com since 2006. Product behavior on this page comes from our own SignStudio and SignPlayer documentation; where we do not document a step, this page says so instead of guessing. Last reviewed November 4, 2026.