Welcome to Veludio
Your smart display dashboard
How It Works
Open your display URL on any device with a browser and pair it to your account.
Choose a display below to set up calendars, weather, backgrounds, and more.
Save your settings and push them live. Your display updates automatically.
Your Displays
Calendars
Connect Google to import your calendars, or add any calendar manually using an iCal URL.
For non-Google calendars (Outlook, Apple, Nextcloud, etc.) paste an iCal URL below.
Display Options
Configure how the display screen is laid out. The layout is: clock + today's events on the left, calendar on the right, and an optional weather bar across the bottom.
Show day countdowns on your display — "17 days till Summer Vacation". Up to 5. After the date passes, it flips to "X days since".
Pin a short announcement to your display — school closings, reminders, anything your household or office needs to see.
Headline is required — message will not display without it.
How often your calendars are checked for new events. 5 minutes is the recommended minimum — calendar feeds typically don't update more frequently than that.
Open-Meteo updates forecasts every 1–2 hours. Refreshing more often than every 15 minutes won't show newer data.
Add a custom label between the month and year on your calendar header — your family name, a room label, or any short text.
Shown on the display between the month and year. Leave the label blank to hide.
Automatically dims the screen at night to reduce glare and save energy. The overlay fades to the chosen darkness level between your set times.
Weather
Powered by Open-Meteo — free, no API key required.
Powered by NOAA — US locations only. When active alerts exist, a red banner appears above the calendar on your display.
Background Images
Use your own image URL, or search Pixabay for auto-rotating photos by keyword.
Any direct .jpg / .png / .webp URL works. Overrides solid color.
Keywords passed directly to Pixabay search
Minimum 60 seconds. Set to 0 to disable rotation.
Color Studio
Customize your display colors visually — no CSS knowledge needed. Changes apply on the next refresh.
Custom CSS
Override any styles. Applied on the next refresh (30 sec). All display styles live in calendar.css — download, edit and re-upload for permanent changes.
Click a snippet to insert a starting point into the editor below.
All variables defined in calendar.css. Override any in the editor above.
| Variable | Default | Controls |
|---|---|---|
| --accent | #e8c97a | Gold highlights, labels, clock glow |
| --glass | rgba(0,0,0,0.45) | Panel background darkness |
| --glass-border | rgba(255,255,255,0.08) | Panel border colour |
| --text | #f0ede8 | Primary text colour |
| --text-dim | rgba(240,237,232,0.5) | Muted / secondary text |
| --bg-body | #0a0a0f | Page background colour |
| --clock-size | clamp(72px,9vw,118px) | Clock digit size |
| --clock-font | 'Bebas Neue' | Clock typeface |
| --clock-color | var(--text) | Clock digit colour |
| --clock-glow | rgba(232,201,122,0.25) | Glow behind clock |
| --panel-radius | 16px | Panel corner radius |
| --panel-padding | 22px | Panel inner padding |
| --panel-blur | 20px | Backdrop blur amount |
| --app-padding | 26px | Outer page padding |
| --app-gap | 18px | Gap between grid cells |
| --ev-bg | rgba(255,255,255,0.04) | Event row background |
| --ev-radius | 9px | Event row corner radius |
| --weather-temp-size | 2.2rem | Current temp font size |
| --weather-icon-size | 2.2rem | Current weather icon size |
| --cal-month-size | 38px | Month name font size |
| --cal-cell-bg | rgba(255,255,255,0.02) | Calendar cell background |
| --cal-cell-today-bg | rgba(232,201,122,0.10) | Today cell background |
| Selector | What it targets |
|---|---|
#clock | The big clock digits |
#date-line | The date text below the clock |
#clock-panel | Clock container area |
#today-panel | Today's events panel |
#cal-panel | Main calendar grid panel |
#weather-panel | Weather widget panel |
#upcoming-panel | Upcoming events panel |
#month-panel | Mini month view panel |
.glass-panel | All glass panels (shared styles) |
.panel-label | Section headings inside panels |
.ev-item | Today's event rows |
.ev-time | Time column in event rows |
.ev-title | Event title text |
.ev-cal | Calendar name under event |
.cal-cell | Calendar day cells |
.cal-cell.today | Today's calendar cell |
.cal-ev | Event chips in calendar |
.weather-day | Individual forecast day cards |
#weather-temp-now | Current temperature display |
#weather-icon-now | Current weather icon |
#status-bar | Bottom-right sync indicator |
Layout Builder
Design a custom display layout. Drag widgets from the palette onto the canvas, resize them, and build your perfect screen.
My Display URL
Displays are now paired using a 6-digit code — no long URL needed. Open the URL below on any device with a browser to get started.
- Open the URL above in a browser on any device you want to use as a display — TV, tablet, monitor, or anything with a screen and internet
- The display will show a 6-digit code on screen automatically
- Go to Pair Device in this panel, enter the code shown on the display and give it a name
- Click Pair Display — the display loads your calendar within 3 seconds
- The display remembers the pairing after every reboot — no URL parameter needed
Pair a Display
Your display shows a 6-digit code on screen. Enter it below to pair it to your account.
- Power on your display — a 6-digit code will appear automatically
- Enter that code below along with a name for the display
- Click Pair Display — done
- The display loads your calendar immediately, no keyboard needed
My Profile
Manage your account details and security settings.
Export your display settings to a file, or restore from a previous backup. Calendar URLs and sensitive tokens are excluded.
Permanently delete your account and all associated data — calendars, devices, and settings. This cannot be undone.
Billing
Manage your subscription and add-ons.