Een strak dark mode webdesign voor een softwarebureau begint niet altijd bij nul. Kalkyl, de nieuwe dev-tak van KUBE Studio, had het huisstijlwerk al achter de kiezen. Merk, kleur, typografie, geregeld. Wat ontbrak was een donkere websitelayout die net zo strak aanvoelde als hun code. Ze vroegen Studio Ubique om precies één ding: een compleet UX/UI-pakket in Adobe XD, inclusief custom tech-illustraties en animatieaantekeningen die de KUBE-devs direct konden omzetten naar Svelte-componenten. Vijf weken, geen scope creep, gewoon opleveren.
Resultaat? 45% snellere ontwikkelstart ten opzichte van KUBE’s eerdere greenfield-builds.
Geen merkwijzigingen, geen dev-omwegen. Gewoon nette bestanden op de vrijdagse oplevermeeting.
Kalkyl wilde geen kant-en-klare icoontjes. Ze vroegen om een mini “grafisch design kit” die mee kon schalen naar pitch decks, blogheaders en later hun SaaS-dashboards. Zo bakten we het in het dark mode webdesign-pakket:
Die graphics zijn geen vulmateriaal. Ze versterken Kalkyls premium softwaremerk terwijl ze nauwelijks gewicht aan de pagina toevoegen. Dit stuk van het proces maakt het verhaal van onze UX design hand-off compleet.
Een compleet dark mode webdesign-pakket in Adobe XD: wireframes, hi-fi schermen, SVG-illustraties, animatiekaartjes, spatiëring- en kleurtokens, en een ontwikkelklare UX design hand-off.
De briefing was “donker, technisch, premium.” Dark mode paste bij het merk en de kleurpalet, verminderde visuele ruis en liet neonaccenten de aandacht sturen zonder zware assets.
XD-speclinks, SCSS-tokens, één SVG-sprite van circa 8 KB en animatieaantekeningen met timing- en groottelimieten. Engineers konden assets direct in Svelte droppen zonder herwerk.
Pure CSS-gradiënten, alleen SVG-kunst, systeemlettertype-stack met Inter-koppen en groottelimieten voor animaties. Geen zware PNG’s of meerdere megabytes aan Lottie-bestanden.
Een snel, design-only traject van discovery tot UX design hand-off, opgeleverd op schema met compacte sprints en zonder scope creep.
Ja. Vector-SVG’s met getokeniseerde kleuren en gelaagde ID’s maken ze themeable en motion-ready voor decks, blogheaders en product-UI’s.
Heb je dark mode webdesign nodig dat je interne devs direct in de repo kunnen droppen? Plan een korte videocall van 30 minuten, geen verkoopverhaal, gewoon plain talk. We laten je zien hoe je design zo kunt verpakken dat je developers ook 45% sneller kunnen starten.
Vertel wat vastloopt, wat je wilt bouwen, of wat opgelost moet worden. We reageren binnen 24 uur.
