Digital signage design tips for screens people glance at

How many messages go on one slide?

One slide carries one message. A customer walking past a counter or an endcap gives the screen a glance measured in seconds, and every extra headline, phone number and social handle on that slide competes with the message for the same glance.

Build the show as a sequence of single-message slides. A lunch offer is its own slide, not a line squeezed under the coffee list. A menu board splits by section or by meal time, so each screenful holds one decision the customer can settle in the time the queue allows. The digital menu board guide walks that split screen by screen. Where a shop runs several screens, keep one message per screen instead of four copies of one crowded layout. The article on four retail signage screens showing different content shows the pattern. For a starting point, copy the strongest sign already in the room, the chalkboard special or the airport departures board, because each already carries one message sized for its distance.

What canvas size do I design the slides at?

Design at 1920 x 1080 pixels on a 16:9 canvas. That pixel count fills a widescreen panel edge to edge, one canvas pixel then lands on one screen pixel, and that keeps hairline rules and small text crisp.

A slide that plays shrunk into one corner or letterboxed with black bars is a canvas that disagrees with the screen about pixel shape. Rebuild the show at the screen's size; the article on a signage screen showing slides in one corner names the mismatch and the fix. A menu that spans four panels side by side is still one canvas. Lay out one wide slide and let the screens split it, as the article on laying out one menu board canvas across four screens demonstrates. Keep a margin of about 60 px, 3 percent of the 1920 px width, clear on every side, so the bezel or the mounting frame hides nothing.

How many colors and typefaces should the show use?

Keep the whole show to two or three colors plus white, and set every slide in one typeface family at two weights. A glanceable design separates messages with size and contrast, and that discipline is what makes simple slides look deliberate instead of bland.

Pick the highest-contrast pair in the room, light text on a dark background for a bright floor, and give the third color one job: the price, the offer, the call to action. Brand inks complicate this, because some brand colors sit outside what a screen can reproduce at all. The article on matching brand colors a screen palette cannot show gives the test and the workarounds. One family at two weights, bold for the headline and regular for the supporting line, keeps every slide looking like it came from the same hand, which is most of what makes a show look designed.

How big does the headline text need to be?

Size headline capitals by the farthest point a customer reads the screen from. Allow 20 ft of viewing distance for every 1 in of capital height for fast reading, or up to 30 ft per 1 in when the sign only has to be legible, the FHWA planning figures.

Measure the floor once. Tape or pace the farthest spot where a customer genuinely reads the screen, then divide that distance in feet by 20; the result is the capital height in inches. A headline sized to the 20 ft per inch figure reads at a walk. One sized to the 30 ft figure is legible but slower. Set the gap between lines of a multi-line headline at 1.7 times the capital height so the lines do not close up across the room. Let supporting text sit at about half the headline height, since it serves the customer who has stepped up close. Where the panel choice follows from these numbers, the screen size and viewing distance guide does the full panel math, and on small counter and shelf screens the article on small screen text readability works the smaller cases.

Example: how big is the headline on a cafe screen read from 6 ft?

At that 6 ft distance, the fast-reading rule of 20 ft per inch of capital height gives 6 ÷ 20 = 0.3 in of capitals, which on a 21.5-inch 1080p panel at roughly 102 pixels per inch is a headline of about 31 pixels.

Scenario: a cafe hangs a 21.5-inch widescreen 1080p panel above the counter, and the farthest point a customer reads it from is the register step-up at the distance in the heading.

1. Capital height: 6 ft ÷ 20 ft/in = 0.3 in of capitals, the fast-reading size.
2. Panel width: a 16:9 panel is its diagonal times 16 divided by the square root of 337, that is 16 squared plus 9 squared, so 21.5 in × 16 ÷ 18.36 = 18.74 in, and the canvas runs at 1920 ÷ 18.74 = 102 px per inch.
3. Headline: 0.3 in × 102 px/in = 30.7 px, so set the headline at 32 px.
4. Line spacing: 1.7 × 0.3 in = 0.51 in between lines of a two-line headline, about 52 px on this canvas.
5. Supporting line at half the headline: 16 px = 0.156 in, which clears the same rule at 0.156 in × 20 ft/in = 3.1 ft, right for the customer standing 3 ft from the register.

Decision: the 21.5-inch panel carries this message from the register with a 32 px headline. Distance is what moves the number. At 12 ft the capitals double to 0.6 in, which is 61 px on this panel but only 41 px on a 32-inch panel, whose 1920 px spread over 27.89 in gives about 69 px per inch. Past 12 ft, choose the bigger panel; shrinking the type to fit is how the board turns back into wallpaper.

How do I check the slides before they reach the screen?

Check every slide on the real screen from the real distance before the show ships. A headline that needs a second look at the farthest reading point is too long or too small, so cut words or raise the size, and plan on a glance of about 2 seconds.

Then work the three groups below, at the counter, in the files, and across the whole show.

On the screen

• The slide fills the panel edge to edge: no black bars, no content parked in one corner.
• The accent color lands on the price, the one element that has to move product.
• Check at the brightest hour the shop runs; glare erases exactly the contrast the design relies on.

In the files

• Every slide exported at the canvas size, 1920 x 1080, so nothing gets scaled.
• One typeface across the show; zoom each slide to 100 percent and check the small print is still sharp.

The show

• The play order tells one story: offer first, menu second, amenity last.
• The loop length leaves no black frames between slides, because a dead second at the loop point reads as a broken screen.

For the file pass, run the show through the browser content checker and watch it on the mock screen before it goes near a player.

What should I send with a screen quote?

Send five numbers and one file: the farthest reading distance in feet, the screen orientation, the mounting spot, the hours the screen is on each day, the number of slides in the show, and one example slide exported at 1920 x 1080.

• Farthest reading distance, in feet. Sets the capital height by the 20 ft per inch rule, and the panel size follows from the headline that height needs.
• Orientation. Portrait swaps the canvas axes and suits a tall menu list; landscape suits the wide headline.
• The mounting spot and its power. A wall behind the counter, an endcap or a shelf rail changes the screen shape and the cable run.
• The hours the screen is on each day. Sets brightness and the on and off schedule; the article on scheduling a retail display on and off daily shows the pattern.
• Slide count and one sample slide. A single slide exported at 1920 x 1080 tells us more than a page of description.

Recommendation: Design the show before you pick the panel. One message per slide on a 1920 x 1080 canvas, two or three colors, one typeface family, capitals at 20 ft of viewing distance per 1 in of capital height, line spacing at 1.7 times the capital height. If a slide needs a second message, it becomes a second slide. If the measured distance pushes the headline past what the canvas carries, the panel gets bigger; the type never gets smaller.

Questions