← Viva Grafix · WorkStart a project →

DSL4 — brand & site design by Viva Grafix, platform engineered in partnership with DSL

Studio site · Web app — 2026
DSL4

The consultancy site of the European Intelligence Studio. We designed the front door; DSL’s own engineers built the platform behind it — six services, 29 locales, an AI-readiness score, a client dashboard and an admin CMS.

dsl4.com
DSL4 — live site, designed by Viva Grafix, engineered by DSL
ProjectDSL4 — consultancy site & platform
ScopeBrand & site design · In partnership with DSL engineering
MarketEuropean businesses
ModelConsultancy — free consultation, quoted projects
YearEurope · 2026

A consultancy site that is also the proof of work.

DSL4 is the European Intelligence Studio — Design, Develop, Automate, AI, Edit, Consult — and its site had to demonstrate the services rather than list them. We designed the front door — the visual system, the pages, the motion language — while DSL’s own team engineered the working platform behind it: an AI-intelligence news section, a gated AI-readiness score for prospects, a client dashboard behind auth, and an admin CMS running the whole thing.

It also carries the studio’s portfolio — including the projects on this page — which makes it the closest thing we have to a shop window with the workshop visible behind it.

What we designed — and what DSL engineered

Brochure in front, platform behind.

Every audience gets a different door: prospects get the score, clients get the dashboard, the studio gets the CMS.

01

29 locales

DSL’s i18next engineering inside a design system we built to survive twenty-nine languages — a European studio that actually reads European.

02

The readiness score

A gated AI-readiness assessment — DSL’s quiet lead engine, wearing the interface we designed for it.

03

Client dashboard + CMS

Authenticated client area and an admin CMS on Supabase — DSL’s engineering, so the site is operated, not just published.

DSL4 — Our Work page: built by the studio, running in production, with the open-source tools below
The work index we designed for DSL — studio products running in production up top, the open-source tools we give away below.
The tech

Under the hood.

A single-page app with the operational spine of a product — engineered by DSL, designed by the studio.

Vite + React + TSshadcn/Radix + TailwindSupabase auth/PostgresMSALi18next (29 locales)GSAP + Three.jsTanStack QueryPython image worker
01

Motion with intent

GSAP choreography and Three.js scenes give the studio’s front door its depth — used as punctuation, not wallpaper.

02

Two auth worlds

Supabase auth for clients and MSAL for Microsoft-side identity coexist in one app — enterprise sign-in without enterprise sprawl.

03

Content machinery

TanStack Query for data orchestration and a Python image worker feeding the news and portfolio sections keep a content-heavy SPA feeling instant.

On the work · Viva Grafix, 2026

DSL4 is the consultancy’s front door, made the way the partnership works — we design, DSL engineers: six services, twenty-nine languages, and a platform doing real work behind the brochure.

Viva Grafix · Tenerife · 2026