← Viva Grafix · Work
Design collaboration with DSL4 Digital · 2026
EN · ES
Start a project →

StaySmart — Brand and interface design for a DSL4 Digital-engineered smart-home platform

Web · Services + shop · Design system — Design collaboration with DSL4 Digital, 2026
StaySmart

A bilingual, edge-rendered services and shop experience for a Tenerife-Sur smart-home business — with a Viva Grafix design system over the DSL4 Digital-engineered platform.

staysmart.dsl4.com
StaySmart Services — DSL4 Digital platform with brand and interface design by Viva Grafix
ProjectStaySmart — services site + curated shop
ScopeBrand system · UX/UI · Service and shop presentation
MarketHomes & holiday lets · Tenerife Sur
ModelPaid installs from €89 · curated shop, all-in pricing
YearTenerife Sur · 2026

A services site with nothing between visitor and quote.

StaySmart sells smart-home installation and consulting in Tenerife Sur — packages from €89 to €499, including a pack built for holiday lets. The site’s job is simple and commercial: explain the offer in Spanish and English, look premium, and convert a visit into a quote request that actually reaches the business.

DSL4 Digital engineers and operates the server-rendered services, lead capture and shop platform. Viva Grafix designed the “Cinematic Dusk” identity, navigation and front-end presentation around its zero-client-JavaScript behaviour, so speed becomes part of the brand experience.

Viva Grafix’s design response

Fast, bilingual, and dressed for dusk.

DSL4 Digital’s small, server-rendered platform gave us a fast canvas; we gave it a design system with a mood.

01

Cinematic Dusk

A hand-built CSS design system — twilight palette, self-hosted type, cinematic gradients — giving a local installer the finish of a much larger brand.

02

Bilingual by architecture

Full ES/EN i18n rendered server-side, so both languages are first-class and instantly indexable.

03

Leads that land

The quote form writes to D1 and notifies via Telegram and email — protected by a honeypot and a rate-limit binding rather than a CAPTCHA wall.

StaySmart Services — gallery: salón light scenes, Home Assistant wall panel, voice assistant answering
The proof-it's-real gallery: our own light scenes, the Home Assistant wall panel, and Dexter answering by voice.
StaySmart Products · shop.dsl4.com

The gear we run in our own house.

StaySmart didn't stop at installs. StaySmart Products is the brand's second arm — a curated shop of smart-home gear selected and tested by the people who fit it, with every price final, IGIC and customs included, and installation one click away. Its storefront is designed around DSL4 Digital’s multi-brand commerce and pricing system.

StaySmart Products — shop hero: the smart home we install in our own house, prices final with taxes included
The shop hero we wrote from experience — the smart home we install in our own house, every product picked by its installer, prices final, taxes included.
Engineering context

Under the hood.

DSL4 Digital’s zero-client-JavaScript architecture is a feature with teeth; Viva Grafix made that speed and focus part of the visible experience.

TypeScript on CF WorkersCustom tiny routerNo frameworkZero client JSSelf-hosted fontsD1Rate-limit binding
01

SSR at the edge

Every page renders on Cloudflare Workers through a custom tiny router — no framework runtime, no client bundle, response times that feel local because they are.

02

Spam-proof, human-friendly

Honeypot fields plus a Workers rate-limit binding filter the bots while real customers never see a challenge.

03

Cookieless analytics

Measurement without banners — the site respects visitors by architecture, which in 2026 is its own conversion optimisation.

On the work · Viva Grafix, 2026

StaySmart Services pairs DSL4 Digital’s lean platform engineering with Viva Grafix’s brand and interface work: a small local business can have the fastest site in its market — bilingual, elegant and direct.

Viva Grafix · Tenerife · 2026