Most beginners who run into trouble with digital signage content don’t have a design problem, they have a sizing problem. A carefully designed image gets uploaded and suddenly the edges are cropped, or the text that looked fine on a laptop screen is unreadable from across the room. Almost every one of these issues traces back to the same root cause: starting from a blank canvas instead of a template built around the actual screen. Here is a practical way to build your first signage template, step by step.
Why a Template Beats a Blank Canvas
Unlike a printed flyer or a web banner, signage content has to work at a specific screen size, mounting location, and viewing distance, and those vary from site to site. Designing every piece of content from scratch is slow, and it also means different locations end up with inconsistent branding. A template that already encodes the screen’s resolution, safe margins, and minimum font size lets anyone on the team swap in new text and images and have a finished piece in minutes.
Three Design Rules Before You Open Any Design Tool
- The 3-second rule: a passerby typically looks at a screen for only 3-5 seconds. Each screen should carry exactly one message, built around a short phrase rather than paragraphs.
- Contrast over decoration: low contrast between text and background disappears at a distance. Use dark text on light backgrounds or light text on dark backgrounds, and avoid near-matching tones like light gray text on a white background.
- Size text to viewing distance: a common rule of thumb is roughly 1 inch of letter height for every 10 feet of viewing distance, about 2.5 cm per 3 meters. Scale headline text up as the expected viewing distance increases.
Match Your Canvas to the Actual Screen
Before opening a design tool, confirm the resolution, aspect ratio, and orientation of the display the content will run on. The table below is a reasonable starting point for common signage setups.
| Display Type | Recommended Resolution | Aspect Ratio | Typical Viewing Distance | Minimum Headline Size |
|---|---|---|---|---|
| Portrait poster at entrance | 1080×1920 | 9:16 | 1-3 m (3-10 ft) | 60-80pt |
| In-store menu board (landscape) | 1920×1080 | 16:9 | 2-5 m (6-16 ft) | 48-64pt |
| Lobby / waiting-area display | 1920×1080 or 3840×2160 | 16:9 | 3-8 m (10-26 ft) | 72pt+ |
| Outdoor / large video wall | 3840×2160 or higher | 16:9 (multi-panel) | 10 m+ (33 ft+) | 150pt+ |
Setting your canvas to match this table before you upload anything to the CMS saves you from layout breakage later, when the system scales your content to fit the actual panel.
Template Building Blocks by Content Type
- Menu boards: split the canvas into three fixed zones, a logo band at the top, a product image and price block in the center, and a smaller footer band for disclaimers like allergen or sourcing info.
- Promotions: devote roughly 70% of the screen to the core offer in large type, and the remaining 30% to fine print like dates and terms.
- Wayfinding and information: lean on icons and directional cues more than text, and if you support multiple languages, give each language a fixed, predictable region rather than stacking them freely.
A 7-Step Workflow for Building Your First Template
- Confirm the resolution, aspect ratio, and orientation of the target display.
- Create a new canvas at that exact resolution.
- Reserve a safe margin, about 5-10% at top and bottom, 5% on each side, and keep critical text out of it.
- Lock in the logo, brand colors, and default font as fixed layout elements.
- Validate the layout with placeholder text before writing real copy.
- Preview the design at the real screen’s aspect ratio using your CMS’s preview feature.
- Save the finished template as a reusable file and add it to a playlist.
Pre-Publish Checklist
- Does the canvas resolution and aspect ratio match the actual display?
- Does all essential text sit inside the safe margin?
- Does the headline text meet the minimum size for its expected viewing distance?
- Is there enough contrast between text and background?
- Do image and video file sizes and formats (PNG/JPG, MP4 H.264, etc.) match what the CMS recommends?
- Are playback duration and playlist order set the way you intended?
A well-built template keeps content quality consistent even as the person updating it changes over time. A signage CMS like dispy (Y-Board) lets you manage canvases for different resolutions and their playlists from a single screen, so even a multi-location rollout can stay on the same template standard while content gets refreshed quickly at every site.
If you manage multiple signage displays or kiosks, take a look at Y-Board, a cloud-based signage CMS.