Complete reference for all signage reel endpoints across both brand systems, plus step-by-step Yodeck setup for operators and display managers.
Oswald typeface · Brass & green palette · High contrast · Designed for window-facing displays and low-light environments.
↗ crs-signage.pages.devInter typeface · Teal & amber palette · Warm off-white · Designed for internal lobby, café, and corridor displays.
↗ crs-signage-light.pages.devClick any URL to preview · Copy buttons for Yodeck
| Reel | Source File | Dark URL | Light URL | |
|---|---|---|---|---|
|
Signal Path
Main reel · 9 frames · VU meters · Identity
|
SignageApp.tsx | /signage | /signage | |
|
Infrastructure Edit
Daytime · 8 frames · Warm amber · 40% empty space
|
InfrastructureEdit.tsx | /infra | /infra | |
|
Night Edition
Street-facing · 8 frames · Maximum restraint
|
NightEdition.tsx | /night | /night | |
|
Student Mode
Wed & Fri evenings · 7 frames · Affordable messaging
|
StudentMode.tsx | /student | /student | |
|
Micro Loop
3.2s snap-cut interrupt · Kinetic pulse · No easing
|
MicroLoop.tsx | /micro | /micro | |
|
Mostro Mode
6 frames · Ultra-restrained · Truck Records audience
|
MostroMode.tsx | /mostro | /mostro | |
|
Civic Greeting
8s micro-interjection · 6 variants · Dusk-aware
|
CivicGreeting.tsx | /civic | /civic | |
|
Auto-Router ★ YODECK
Time-based scheduler · Selects correct reel automatically · Civic Greeting injection
|
AutoRouter.tsx | /auto | /auto |
/auto. The Auto-Router evaluates the current time and day on every loop and selects the correct reel automatically — no manual playlist switching required.The Auto-Router evaluates windows top-to-bottom. The first matching rule wins. This means more specific rules (e.g. Wednesday student night) must appear before broader ones (e.g. any evening).
| Priority | Day | Time Window | Reel Selected |
|---|---|---|---|
| 1 | Wednesday | 18:30 – 23:30 |
Student Mode |
| 2 | Friday | 18:00 – 22:00 |
Student Mode |
| 3 | Any day | 18:00 – 07:00 |
Night Edition |
| 4 | Sat & Sun | 11:00 – 16:00 |
Mostro Mode |
| 5 | Mon – Fri | 15:00 – 18:30 |
Mostro Mode |
| 6 | Mon – Fri | 07:00 – 15:00 |
Infrastructure Edit |
| 7 | Fallback | any |
Signal Path |
/auto. The Auto-Router handles all scheduling, reel switching, and Civic Greeting injection internally — no Yodeck playlist logic needed. This is simpler, more reliable, and easier to update.In the Yodeck dashboard, go to Media → Add Media → Web Page. Give it a name such as "CRS Signage — Auto".
Set the URL to your chosen system's auto-router endpoint:
https://crs-signage.pages.dev/auto
https://crs-signage-light.pages.dev/auto
In the Web Page widget settings, apply these values:
| Setting | Value | Reason |
|---|---|---|
| Duration | 0 (unlimited) | The signage manages its own timing internally |
| Reload interval | 3600 seconds | Refreshes once per hour to pick up any updates |
| Zoom | 100% | Designed for 1080p / 4K at native scale |
| Scroll | Disabled | Full-screen, no scrolling |
| Interaction | Disabled | Signage-only, no touch input |
Go to Playlists → New Playlist. Add the Web Page widget as the only item in the playlist. Set its duration to 0 (unlimited). The Auto-Router will run indefinitely, cycling through reels and injecting Civic Greetings on its own schedule.
Go to Screens, select your display(s), and assign the playlist. For multiple screens in different locations, create one playlist per screen type (dark for street-facing, light for internal) and assign accordingly.
Yodeck will push the playlist to the player. The signage will start immediately and run the Auto-Router schedule from that point forward.
The Micro Loop (/micro) is a 3.2-second kinetic snap-cut interrupt designed to break viewer attention during busy periods. To use it as a Yodeck interrupt:
Create a second Web Page widget pointing to https://crs-signage.pages.dev/micro with a duration of 4 seconds. Insert it into the playlist every 45–60 seconds during evening playlists.
For events, promotions, or manual overrides, create additional Web Page widgets pointing to individual reel URLs and swap them into the playlist as needed. No code changes required — just update the Yodeck playlist.
| Scenario | URL to use |
|---|---|
| Student night promotion | https://crs-signage.pages.dev/student |
| Late-night / closing time | https://crs-signage.pages.dev/night |
| Weekend / Mostro audience | https://crs-signage.pages.dev/mostro |
| Daytime infrastructure focus | https://crs-signage.pages.dev/infra |
| Civic / community moment | https://crs-signage.pages.dev/civic |
| Location | System | Yodeck URL | Notes |
|---|---|---|---|
| Window / street-facing | Dark | /auto |
High contrast for daylight readability |
| Reception / lobby | Light | /auto |
Warm, welcoming for first-time visitors |
| Café / Workshop space | Light | /infra or /auto |
Daytime: Infrastructure Edit. Evening: Auto |
| Studio corridor | Dark | /signage or /auto |
Signal Path suits the technical audience |
| Event / live night | Dark | /mostro or /student |
Override manually for the event duration |
The Auto-Router uses the browser's local time on the Yodeck player device. Ensure the player's system clock and timezone are set correctly (Europe/London). A 1-hour offset will cause the wrong reel to show.
Check that the Yodeck player has an active internet connection. The signage is hosted on Cloudflare's global CDN — if the player can reach the internet, it will load. Try navigating directly to https://crs-signage.pages.dev/signage in the player's browser to confirm connectivity.
The Yodeck Web Page widget reloads the URL every hour (based on the reload interval setting). To force an immediate refresh, go to Screens → Send Command → Reload in the Yodeck dashboard. The player will reload the page and pull the latest deployed version from Cloudflare.
The REELS ▾ button in the top-right corner is for operator use only and is intentionally small (invisible at signage viewing distance). If it is distracting on a close-range display, it can be hidden by adding ?kiosk=1 to the URL — the developer can add this query-param check to hide the nav in kiosk mode.