← Viva Grafix · WorkStart a project →

StaySmart — Smart-home services and curated shop, Tenerife Sur, designed and built by Viva Grafix

Web · Services + shop · Design system — 2026
StaySmart

A bilingual, edge-rendered marketing and lead-gen site for a Tenerife-Sur smart-home business — zero client-side JavaScript, a hand-built design system, and a curated shop of the gear we run in our own house.

staysmart.dsl4.com
StaySmart Services — live site, designed and built by Viva Grafix
ProjectStaySmart — services site + curated shop
ScopeDesign system · SSR build · Lead capture · Shop
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.

We built it as pure server-side rendering on Cloudflare Workers with zero client-side JavaScript — every byte the visitor downloads is content, and the whole thing is dressed in "Cinematic Dusk", a CSS design system we built by hand for the brand.

What we designed & built

Fast, bilingual, and dressed for dusk.

Nothing here is framework-shaped. It is a custom-fit suit: a tiny router, rendered HTML, and 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. It runs as a thin SSR storefront over the pricing brain of our multi-brand commerce engine.

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.
The tech

Under the hood.

Zero client JavaScript is a feature with teeth: nothing to hydrate, nothing to break, nothing to track.

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 proves a point we like making: a small local business can have the fastest site in its market — bilingual, elegant and unbreakable, because there is simply nothing client-side left to break.

Viva Grafix · Tenerife · 2026