{"id":15348,"date":"2025-03-10T18:26:18","date_gmt":"2025-03-10T18:26:18","guid":{"rendered":"https:\/\/www.studioubique.com\/work\/software-agency-branding-and-web-design\/"},"modified":"2026-03-17T12:42:09","modified_gmt":"2026-03-17T12:42:09","slug":"dark-mode-webdesign-kalkyl","status":"publish","type":"work","link":"https:\/\/www.studioubique.com\/nl\/work\/dark-mode-webdesign-kalkyl\/","title":{"rendered":"Een dark mode website voor dev-talent dat de hype doorstaat"},"content":{"rendered":"<header>\n<div class=\"header-main\">\n<div class=\"main-header\">\n<div class=\"navigation\">\n<ul><\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/header>\n<div id=\"smooth-wrapper\">\n<div id=\"smooth-content\">\n<div class=\"main-wrapper\"><main class=\"innercontent work-detail light\"><\/p>\n<section class=\"hero\">\n<div class=\"bannertxt\">\n<div class=\"container\">\n<div class=\"breadcrumb\">\n<p>Een dark mode website voor dev-talent dat de hype doorstaat<\/p>\n<\/div>\n<h1 class=\"fadedtxt\"><span>E<\/span><span>e<\/span><span>n<\/span><span>\u00a0<\/span><span>d<\/span><span>o<\/span><span>n<\/span><span>k<\/span><span>e<\/span><span>r<\/span><span>\u00a0<\/span><span>p<\/span><span>o<\/span><span>d<\/span><span>i<\/span><span>u<\/span><span>m<\/span><span>\u00a0<\/span><span>v<\/span><span>o<\/span><span>o<\/span><span>r<\/span><span>\u00a0<\/span><span>s<\/span><span>o<\/span><span>f<\/span><span>t<\/span><span>w<\/span><span>a<\/span><span>r<\/span><span>e<\/span><span>\u00a0<\/span><span>d<\/span><span>i<\/span><span>e<\/span><span>\u00a0<\/span><span>d<\/span><span>e<\/span><span>\u00a0<\/span><span>h<\/span><span>y<\/span><span>p<\/span><span>e<\/span><span>\u00a0<\/span><span>o<\/span><span>v<\/span><span>e<\/span><span>r<\/span><span>l<\/span><span>e<\/span><span>e<\/span><span>f<\/span><span>t<\/span><\/h1>\n<div class=\"work-category\">\n<ul>\n<li><a title=\"UX ontwerp\">UX ontwerp<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"work-features\">\n<div class=\"feature-list\">\n<div class=\"industry\">\n<p>Industry:<\/p>\n<p>Softwareontwikkeling op maat<\/p>\n<\/div>\n<div class=\"impact\">\n<p>Timeline:<\/p>\n<p>2 weken<\/p>\n<\/div>\n<div class=\"timeline\">\n<p>Impact:<\/p>\n<p>+45% snellere ontwikkelstart na onze XD hand-off<\/p>\n<\/div>\n<\/div>\n<div class=\"visit-btn\"><a href=\"https:\/\/www.kalkyl.de\/\" target=\"_blank\" class=\"txtbtn secondary whitelogo live\" rel=\"noopener\">Live website<\/a><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<section class=\"work-content\">\n<div class=\"container\">\n<div class=\"feature-image\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2025\/03\/Kalkyl-1.jpg\" alt=\"Kalkyl dark mode webdesign op meerdere apparaten\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1680px; --smush-placeholder-aspect-ratio: 1680\/1380;\" \/><\/div>\n<div class=\"txt-container glow\">\n<div class=\"txt-content\">\n<h2>Introductie<\/h2>\n<p>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 \u00e9\u00e9n ding: een compleet UX\/UI-pakket in Adobe XD, inclusief custom tech-illustraties en animatieaantekeningen die de<span>\u00a0<\/span><a href=\"https:\/\/www.kube.studio\/\" target=\"_blank\" rel=\"nofollow noopener\">KUBE<\/a>-devs direct konden omzetten naar Svelte-componenten. Vijf weken, geen scope creep, gewoon opleveren.<\/p>\n<\/div>\n<div class=\"txt-content\">\n<h2>Wat er niet klopte<\/h2>\n<ol>\n<li><strong>Leeg canvas, volle planning<\/strong><span>\u00a0<\/span>Devs waren al begonnen met scaffolding terwijl het design nog in iemands hoofd zat.<\/li>\n<li><strong>Brief van drie woorden<\/strong><span>\u00a0<\/span><em>\u201cDonker, technisch, premium, go.\u201d<\/em><span>\u00a0<\/span>Het merk stond vast. Wij moesten het laten lopen.<\/li>\n<li><strong>Code-first cultuur<\/strong><span>\u00a0<\/span>Alles wat we bedachten moest ook echt compileren. Zware PNG-gradi\u00ebnten of 3 MB Lottie-animaties? Niet doen.<\/li>\n<\/ol>\n<\/div>\n<\/div>\n<div class=\"detail-images\">\n<div class=\"imgbox\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2025\/03\/Kalkyl-2.jpg\" alt=\"Kalkyl website homepage volledig scherm dark mode\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/800;\" \/><\/div>\n<div class=\"imgbox\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2025\/03\/Kalkyl-3.jpg\" alt=\"Kalkyl mobiele weergave projecten en tech stack\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/800;\" \/><\/div>\n<\/div>\n<div class=\"txt-container revbg\">\n<div class=\"txt-content\">\n<h2>Hoe we iedereen op koers hielden<\/h2>\n<ol>\n<li><strong>Verhaal eerst, wireframe daarna<\/strong><span>\u00a0<\/span>Workshop van twee uur, \u00e9\u00e9n zin voor de hero:<span>\u00a0<\/span><em>\u201cWe bouwen slanke, onderhoudbare software die de hype cycle doorstaat.\u201d<\/em><\/li>\n<li><strong>Relume naar Adobe XD-wireframes<\/strong><span>\u00a0<\/span>Blokgebaseerde sitemap die devs al in markup konden nabootsen.<\/li>\n<li><strong>Dark mode UI met lichtgewicht SVG-kunst<\/strong><span>\u00a0<\/span>Antraciet (#0F1015) als basis, limoengroen (#A4FF78) als accent, pure CSS-gradi\u00ebnten.<\/li>\n<li><strong>Developer-ready UX design hand-off<\/strong><span>\u00a0<\/span>XD-speclinks, een SVG-sprite sheet, animatiekaartjes met duur, easing en een maximum van 40 KB.<\/li>\n<\/ol>\n<\/div>\n<div class=\"txt-content\">\n<h2>Hoe een UX design hand-off er in de praktijk uitziet<\/h2>\n<h5>Asset: kleur- en spati\u00ebringstokens<\/h5>\n<ul>\n<li><strong>Hoe we het verpakten:<\/strong><span>\u00a0<\/span>XD-stijlgids plus .scss-variabelen<\/li>\n<li><strong>Waarom devs er blij van werden:<\/strong><span>\u00a0<\/span>Plakken in Svelte, klaar<\/li>\n<\/ul>\n<h5>Asset: iconen en illustraties<\/h5>\n<ul>\n<li><strong>Hoe we het verpakten:<\/strong><span>\u00a0<\/span>\u00c9\u00e9n SVG-sprite (8 KB)<\/li>\n<li><strong>Waarom devs er blij van werden:<\/strong><span>\u00a0<\/span>E\u00e9n HTTP-verzoek, retina-proof<\/li>\n<\/ul>\n<h5>Asset: animatie-idee\u00ebn<\/h5>\n<ul>\n<li><strong>Hoe we het verpakten:<\/strong><span>\u00a0<\/span>Tekstdoc plus GIF-demo, geen code<\/li>\n<li><strong>Waarom devs er blij van werden:<\/strong><span>\u00a0<\/span>Devs kiezen zelf GSAP of CSS, nul herwerk<\/li>\n<\/ul>\n<h5>Asset: lettertypen<\/h5>\n<ul>\n<li><strong>Hoe we het verpakten:<\/strong><span>\u00a0<\/span>Systeemstack plus Inter voor koppen<\/li>\n<li><strong>Waarom devs er blij van werden:<\/strong><span>\u00a0<\/span>Geen FOUT, Core Web Vitals-proof<\/li>\n<\/ul>\n<p>Resultaat? 45% snellere ontwikkelstart ten opzichte van KUBE\u2019s eerdere greenfield-builds.<\/p>\n<\/div>\n<\/div>\n<div class=\"detail-images\">\n<div class=\"imgbox\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2025\/03\/Kalkyl-4.jpg\" alt=\"Kalkyl business advantage sectie op tablet dark mode\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/800;\" \/><\/div>\n<div class=\"imgbox\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2025\/03\/Kalkyl-5.jpg\" alt=\"Kalkyl modulaire kaarten technologie sectie dark mode\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/800;\" \/><\/div>\n<\/div>\n<div class=\"feature-image\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2025\/03\/Kalkyl-6.jpg\" alt=\"Kalkyl testimonials en contactformulier mobiele weergave\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1680px; --smush-placeholder-aspect-ratio: 1680\/1380;\" \/><\/div>\n<div class=\"txt-container nobg\">\n<div class=\"txt-content\">\n<h2>Roadmap: vijf weken, alleen pixels<\/h2>\n<ul>\n<li>Week 1, discovery en sitemap: moodboard, user stories<\/li>\n<li>Week 2, wireframes: XD low-fi prototype<\/li>\n<li>Week 3, dark mode UI: home en work-pagina\u2019s op hi-fi niveau<\/li>\n<li>Week 4, illustratie- en animatiekit: SVG-set, animatieaantekeningen<\/li>\n<li>Week 5, eindafwerking en UX design hand-off: XD-speclink, assets-ZIP<\/li>\n<\/ul>\n<p>Geen merkwijzigingen, geen dev-omwegen. Gewoon nette bestanden op de vrijdagse oplevermeeting.<\/p>\n<\/div>\n<div class=\"txt-content\">\n<h2>Wat al werkte voor de livegang<\/h2>\n<ul>\n<li><strong>Nul layout-blockers<\/strong><span>\u00a0<\/span>bij de import van assets, elk component deed precies wat gespecificeerd was.<\/li>\n<li><strong>Drie heen-en-weerrondes minder<\/strong><span>\u00a0<\/span>dan bij KUBE\u2019s eerdere projecten.<\/li>\n<li><strong>Kerndesign goedgekeurd in \u00e9\u00e9n ronde,<\/strong><span>\u00a0<\/span>merkteam tevreden, dev-team codeert maandag.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"feature-image\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2025\/03\/Kalkyl-7.jpg\" alt=\"Kalkyl vacaturepagina full stack developer dark mode\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 1680px; --smush-placeholder-aspect-ratio: 1680\/1380;\" \/><\/div>\n<div class=\"detail-images\">\n<div class=\"imgbox\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2025\/03\/Kalkyl-8.jpg\" alt=\"Kalkyl recente projecten en klantenlijst mobiel\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/800;\" \/><\/div>\n<div class=\"imgbox\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2025\/03\/Kalkyl-9.jpg\" alt=\"Kalkyl contactformulier dark mode webdesign\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/800;\" \/><\/div>\n<\/div>\n<div class=\"txt-container revbg\">\n<div class=\"txt-content\">\n<h2>Het illustratiesysteem dat we erbij bouwden<\/h2>\n<p>Kalkyl wilde geen kant-en-klare icoontjes. Ze vroegen om een mini<span>\u00a0<\/span><em>\u201cgrafisch design kit\u201d<\/em><span>\u00a0<\/span>die mee kon schalen naar pitch decks, blogheaders en later hun SaaS-dashboards. Zo bakten we het in het dark mode webdesign-pakket:<\/p>\n<ul>\n<li><strong>Concept eerst<\/strong><span>\u00a0<\/span>Elke custom tech-illustratie speelt in op het<span>\u00a0<\/span><em>\u201cbereken, verfijn, zet live\u201d<\/em>-motto van het merk. Denk: circuitboard-skylines, modulaire node-grafieken en een knipoogrobotje in groene gloed.<\/li>\n<li><strong>Vector van A tot Z<\/strong><span>\u00a0<\/span>Alles getekend in Adobe Illustrator, ge\u00ebxporteerd als nette SVG\u2019s (kleiner dan 12 KB per stuk), zodat devs ze inline konden plaatsen of met CSS konden animeren.<\/li>\n<li><strong>Herbruikbare kleur-tokens<\/strong><span>\u00a0<\/span>Lijnstreken erven dezelfde antraciet\/limoen-palette als de UI. E\u00e9n variabele aanpassen is direct van thema wisselen.<\/li>\n<li><strong>Motion-ready lagen<\/strong><span>\u00a0<\/span>Elke illustratie heeft gegroepeerde ID\u2019s (achtergrond, midden, accent) plus een cuekaartje:<span>\u00a0<\/span><em>\u201cfade-in 300 ms, ease-in-out, max. 40 KB.\u201d<\/em><span>\u00a0<\/span>Engineers pluggen GSAP of keyframes in, geen redlining vereist.<\/li>\n<\/ul>\n<p>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.<\/p>\n<\/div>\n<div class=\"txt-content\">\n<h2>Wat je vandaag nog kunt meenemen<\/h2>\n<ul>\n<li><strong>Vergrendel het verhaal voor je aan pixels begint.<\/strong><span>\u00a0<\/span>E\u00e9n koptekst stuurt alle ontwerpkeuzes.<\/li>\n<li><strong>Tokeniseer kleuren in je ontwerpbestand.<\/strong><span>\u00a0<\/span>Devs plakken variabelen, geen hexcodes.<\/li>\n<li><strong>Lever animaties als intentie, niet als code.<\/strong><span>\u00a0<\/span>Lichte GIF\u2019s met timing-specificaties laten engineers hun eigen keuze maken.<\/li>\n<li><strong>Eerst dark mode bespaart tijd.<\/strong><span>\u00a0<\/span>Het lichte thema wordt een gratis skin zodra het contrast klopt.<\/li>\n<\/ul>\n<\/div>\n<\/div>\n<div class=\"detail-images\">\n<div class=\"imgbox\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2025\/03\/Kalkyl-10.jpg\" alt=\"Kalkyl cybersecurity illustratie SVG slot dark mode\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/800;\" \/><\/div>\n<div class=\"imgbox\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2025\/03\/Kalkyl-11.jpg\" alt=\"Kalkyl security alert mobiele notificatie illustratie\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/800;\" \/><\/div>\n<\/div>\n<div class=\"detail-images\">\n<div class=\"imgbox\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2025\/03\/Kalkyl-12.jpg\" alt=\"Kalkyl UI componenten menubar en dropdown dark mode\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/800;\" \/><\/div>\n<div class=\"imgbox\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2025\/03\/Kalkyl-13.jpg\" alt=\"Kalkyl open source illustratie lock icoon SVG\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 800px; --smush-placeholder-aspect-ratio: 800\/800;\" \/><\/div>\n<\/div>\n<div class=\"txt-container empty\">\n<div class=\"txt-content\">\n<h2>Veelgestelde vragen<\/h2>\n<h3>V.1<span>\u00a0<\/span><b>Wat leverde Studio Ubique op voor Kalkyl?<\/b><\/h3>\n<p>Een compleet dark mode webdesign-pakket in Adobe XD: wireframes, hi-fi schermen, SVG-illustraties, animatiekaartjes, spati\u00ebring- en kleurtokens, en een ontwikkelklare UX design hand-off.<\/p>\n<h3>V.2<span>\u00a0<\/span><b>Waarom dark mode voor dit merk?<\/b><\/h3>\n<p>De briefing was \u201cdonker, technisch, premium.\u201d Dark mode paste bij het merk en de kleurpalet, verminderde visuele ruis en liet neonaccenten de aandacht sturen zonder zware assets.<\/p>\n<h3>V.3<span>\u00a0<\/span><b>Hoe was de hand-off ontwikkelaasvriendelijk?<\/b><\/h3>\n<p>XD-speclinks, SCSS-tokens, \u00e9\u00e9n SVG-sprite van circa 8 KB en animatieaantekeningen met timing- en groottelimieten. Engineers konden assets direct in Svelte droppen zonder herwerk.<\/p>\n<h3>V.4<span>\u00a0<\/span><b>Wat met performance en Core Web Vitals?<\/b><\/h3>\n<p>Pure CSS-gradi\u00ebnten, alleen SVG-kunst, systeemlettertype-stack met Inter-koppen en groottelimieten voor animaties. Geen zware PNG\u2019s of meerdere megabytes aan Lottie-bestanden.<\/p>\n<h3>V.5<span>\u00a0<\/span><b>Hoe lang liep het designtraject?<\/b><\/h3>\n<p>Een snel, design-only traject van discovery tot UX design hand-off, opgeleverd op schema met compacte sprints en zonder scope creep.<\/p>\n<h3>V.6<span>\u00a0<\/span><b>Kan het illustratiesysteem hergebruikt worden?<\/b><\/h3>\n<p>Ja. Vector-SVG\u2019s met getokeniseerde kleuren en gelaagde ID\u2019s maken ze themeable en motion-ready voor decks, blogheaders en product-UI\u2019s.<\/p>\n<\/div>\n<\/div>\n<div class=\"txt-container glow\">\n<div class=\"txt-content\">\n<h2>Zo begin je<\/h2>\n<p>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.<\/p>\n<\/div>\n<\/div>\n<div class=\"overview-btn\"><a href=\"https:\/\/www.studioubique.com\/nl\/ons-werk\/\" class=\"txtbtn secondary reverse\">Back to overview<\/a><\/div>\n<\/div>\n<\/section>\n<section class=\"home-contact\" id=\"home-contact\">\n<div class=\"container-fluid\">\n<div class=\"swiper contact-slider swiper-initialized swiper-horizontal swiper-free-mode swiper-backface-hidden\">\n<div class=\"swiper-wrapper\" id=\"swiper-wrapper-8e7fbf3106644ce9f\" aria-live=\"polite\">\n<div class=\"swiper-slide swiper-slide-active\" role=\"group\" aria-label=\"1 \/ 6\" data-swiper-slide-index=\"0\">\n<div class=\"imgbox\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2026\/03\/Home-footer-1.jpg\" alt=\"Drie collega's genieten samen van koffie in kantoorkeuken in modern Zwolle kantoor\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/340;\" \/><\/div>\n<\/div>\n<div class=\"swiper-slide swiper-slide-next\" role=\"group\" aria-label=\"2 \/ 6\" data-swiper-slide-index=\"1\">\n<div class=\"imgbox\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2026\/03\/Home-footer-6.jpg\" alt=\"Vier collega's lachen samen bij koffiehoek in modern Zwolle kantoor tijdens werkdag\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/410;\" \/><\/div>\n<\/div>\n<div class=\"swiper-slide\" role=\"group\" aria-label=\"3 \/ 6\" data-swiper-slide-index=\"2\">\n<div class=\"imgbox\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2026\/03\/Home-footer-7.jpg\" alt=\"Medewerker kijkt peinzend uit raam in modern Zwolle kantoor tijdens creatieve pauze\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/340;\" \/><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2026\/03\/Home-footer-8.jpg\" alt=\"Medewerker geeft kantoorplant een fist bump met droogkomisch gezicht in Zwolle kantoor\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/410;\" \/><\/div>\n<\/div>\n<div class=\"swiper-slide\" role=\"group\" aria-label=\"4 \/ 6\" data-swiper-slide-index=\"3\">\n<div class=\"imgbox\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2026\/03\/Home-footer-9.jpg\" alt=\"Medewerker lacht spontaan aan bureau in licht Zwolle kantoor met planten op de achtergrond\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/410;\" \/><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2026\/03\/Home-footer-10.jpg\" alt=\"Twee collega's ontspannen bij bureaustoel met droogkomische blik in modern Zwolle kantoor\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/220;\" \/><\/div>\n<\/div>\n<div class=\"swiper-slide\" role=\"group\" aria-label=\"5 \/ 6\" data-swiper-slide-index=\"4\">\n<div class=\"imgbox\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2026\/03\/Home-footer-11.jpg\" alt=\"Medewerker geeft kantoorplant water bij raam in zonnig Zwolle kantoor met een glimlach\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/220;\" \/><\/div>\n<\/div>\n<div class=\"swiper-slide\" role=\"group\" aria-label=\"6 \/ 6\" data-swiper-slide-index=\"5\">\n<div class=\"imgbox\"><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/uploads\/2026\/03\/Home-footer-12.jpg\" alt=\"Medewerker strekt armen uit naast bureau in zonnig Zwolle kantoor na geconcentreerd werken\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" style=\"--smush-placeholder-width: 300px; --smush-placeholder-aspect-ratio: 300\/340;\" \/><\/div>\n<\/div>\n<\/div>\n<p><span class=\"swiper-notification\" aria-live=\"assertive\" aria-atomic=\"true\"><\/span><\/div>\n<div class=\"contact-form contact-form-latest border-box\">\n<div class=\"contact-form-inner\">\n<div class=\"sec-head\">\n<h3 class=\"\">Laten we van je volgende<br \/>\nproject een succesverhaal maken.<\/h3>\n<\/div>\n<div class=\"form-content-outer\">\n<div class=\"form-content form-main active\" id=\"formtab1\">\n<div class=\"form-top-info\">\n<h4>Vraag een voorstel aan<\/h4>\n<p>Vertel wat vastloopt, wat je wilt bouwen, of wat opgelost moet worden. We reageren binnen 24 uur.<\/p>\n<\/div>\n<div class=\"wpcf7 js\" id=\"wpcf7-f10217-o1\" lang=\"nl-NL\" dir=\"ltr\" data-wpcf7-id=\"10217\">\n<div class=\"screen-reader-response\">\n<ul><\/ul>\n<\/div>\n<form action=\"https:\/\/www.studioubique.com\/nl\/work\/dark-mode-webdesign-kalkyl\/#wpcf7-f10217-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"Contactformulier\" novalidate=\"novalidate\" data-status=\"init\" data-np-autofill-form-type=\"identity\" data-np-watching=\"1\">\n<div class=\"formbox\">\n<div class=\"form\">\n<div class=\"inputbox\"><label for=\"name\">Voor- en achternaam<sup>*<\/sup><\/label><span>\u00a0<\/span><span class=\"wpcf7-form-control-wrap\" data-name=\"fullname\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"bijv. Jan van Dijk\" value=\"\" type=\"text\" name=\"fullname\" data-np-checked=\"1\" data-np-autofill-field-type=\"fullName\" \/><\/span><\/div>\n<div class=\"inputbox\"><label for=\"name\">Jouw e-mailadres<sup>*<\/sup><\/label><span>\u00a0<\/span><span class=\"wpcf7-form-control-wrap\" data-name=\"email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"voorbeeld@domeinnaam.nl\" value=\"\" type=\"email\" name=\"email\" data-np-checked=\"1\" data-np-autofill-field-type=\"email\" \/><\/span><\/div>\n<div class=\"inputbox\"><label for=\"phone\">Jouw telefoonnummer<sup><\/sup><\/label><span>\u00a0<\/span><span class=\"wpcf7-form-control-wrap\" data-name=\"phone\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel\" aria-invalid=\"false\" placeholder=\"e.g. 0123456789\" value=\"\" type=\"tel\" name=\"phone\" data-np-checked=\"1\" data-np-autofill-field-type=\"phone\" \/><\/span><\/div>\n<div class=\"inputbox full\"><label for=\"name\">Hoe kunnen we je helpen?<sup>*<\/sup><\/label><span class=\"wpcf7-form-control-wrap\" data-name=\"help\"><textarea cols=\"2\" rows=\"2\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"Vertel kort wat er speelt\u2026\" name=\"help\" data-np-checked=\"1\"><\/textarea><\/span><\/div>\n<\/div>\n<div class=\"submit-row\">\n<div class=\"subhead\">\n<p>Dit formulier is voor mensen met een project. Niet voor bureaus die toevallig hetzelfde doen als wij.<\/p>\n<\/div>\n<div class=\"submit-btn\" data-np-autofill-submit=\"\"><\/div>\n<\/div>\n<\/div>\n<\/form>\n<\/div>\n<\/div>\n<div class=\"form-content\" id=\"formtab2\">\n<div class=\"calendly-main\">\n<h4>Plan een call<\/h4>\n<div class=\"calendly-inline-widget\" data-url=\"https:\/\/calendly.com\/studioubique\/video-call?hide_event_type_details=1&amp;hide_gdpr_banner=1\" data-processed=\"true\">\n<div class=\"calendly-spinner\">\n<div class=\"calendly-bounce1\"><\/div>\n<div class=\"calendly-bounce2\"><\/div>\n<div class=\"calendly-bounce3\"><\/div>\n<\/div>\n<p><iframe width=\"100%\" height=\"100%\" data-src=\"https:\/\/calendly.com\/studioubique\/video-call?embed_domain=www.studioubique.com&amp;embed_type=Inline&amp;hide_event_type_details=1&amp;hide_gdpr_banner=1\" frameborder=\"0\" title=\"Select a Date &amp; Time - Calendly\" data-mce-fragment=\"1\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" data-load-mode=\"1\"><\/iframe><\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/section>\n<footer>\n<div class=\"container\">\n<div class=\"footer-row\">\n<div class=\"ftdetails-box\">\n<div class=\"ft-featurebox border-box\">\n<h4 class=\"ft-head\">Studio Ubique<\/h4>\n<ul class=\"ft-list\">\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/ons-werk\/\" title=\"Ons werk\" target=\"\">Ons werk<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/over-ons\/\" title=\"Over ons\" target=\"\">Over ons<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/inzichten\/\" title=\"Kennis en inzichten\" target=\"\">Kennis &amp; inzichten<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/contact\/\" title=\"Contact\" target=\"\">Contact<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/tarieven\/\" title=\"Tarieven\" target=\"\">Tarieven<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/veelgestelde-vragen\/\" title=\"Veelgestelde vragen\" target=\"\">FAQ<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"ft-featurebox border-box notabview\">\n<h4 class=\"ft-head\">Design<\/h4>\n<ul class=\"ft-list\">\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/webdesign-bureau\/\" title=\"Webdesign\" target=\"\">Webdesign<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/design\/grafisch-ontwerpbureau\/\" title=\"Grafisch ontwerp\" target=\"\">Grafisch ontwerp<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/design\/app-design-bureau\/\" title=\"App design\" target=\"\">App design<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/design\/ux-ui-design-bureau\/\" title=\"UX\/UI design\" target=\"\">UX\/UI design<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"ft-featurebox border-box notabview\">\n<h4 class=\"ft-head\">Development<\/h4>\n<ul class=\"ft-list\">\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/maatwerk-webdevelopment\/\" title=\"Webdevelopment\" target=\"\">Webdevelopment<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/development-bureau\/maatwerk-cms-ontwikkeling\/\" title=\"CMS ontwikkeling\" target=\"\">CMS ontwikkeling<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/development-bureau\/ecommerce-development\/\" title=\"E-commerce development\" target=\"\">E-commerce development<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/development-bureau\/frontend-development\/\" title=\"Frontend development\" target=\"\">Frontend development<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/development-bureau\/backend-development\/\" title=\"Backend development\" target=\"\">Backend development<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/development-bureau\/mobiele-app-development\/\" title=\"Mobiele app development\" target=\"\">Mobiele app development<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/development-bureau\/maatwerk-software-development\/\" title=\"Maatwerk software development\" target=\"\">Maatwerk software development<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"ft-featurebox border-box notabview\">\n<h4 class=\"ft-head\">Hosting &amp; beheer<\/h4>\n<ul class=\"ft-list\">\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/hosting-en-beheer\/managed-webhosting\/\" title=\"Managed webhosting\" target=\"\">Managed webhosting<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/hosting-en-beheer\/managed-vps-hosting\/\" title=\"Managed VPS hosting\" target=\"\">Managed VPS-hosting<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/hosting-en-beheer\/zakelijke-e-mailhosting\/\" title=\"Zakelijke e-mailhosting\" target=\"\">Zakelijke e-mailhosting<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/hosting-en-beheer\/domeinregistratie\/\" title=\"Domeinregistratie\" target=\"\">Domeinregistratie<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/hosting-en-beheer\/website-onderhoud\/\" title=\"Website onderhoud\" target=\"\">Onderhoud<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/hosting-en-beheer\/website-migratie\/\" title=\"Website migratie\" target=\"\">Website migratie<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/hosting-en-beheer\/website-beveiliging-en-snelheid\/\" title=\"Beveiliging en snelheid\" target=\"\">Beveiliging en snelheid<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/service-level-agreement\/\" title=\"Service level agreement (SLA)\" target=\"\">Service Level Agreements<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"ft-featurebox border-box\">\n<h4 class=\"ft-head\">Online marketing<\/h4>\n<ul class=\"ft-list\">\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/ai-seo-diensten\/\" title=\"AI SEO\" target=\"\">AI SEO<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/google-ads-bureau\/\" title=\"Google Ads\" target=\"\">Google Ads<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/online-reputatiemanagement-bureau\/\" title=\"Online reputatiemanagement (ORM)\" target=\"\">Online reputatiemanagement (ORM)<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/seo-bureau-nederland\/\" title=\"Zoekmachineoptimalisatie (SEO)\" target=\"\">Zoekmachineoptimalisatie (SEO)<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/social-media-marketing-bureau-nederland\/\" title=\"Social media marketing\" target=\"\">Social media marketing<\/a><\/li>\n<\/ul>\n<\/div>\n<div class=\"ft-featurebox border-box\">\n<h4 class=\"ft-head\">Handige links<\/h4>\n<ul class=\"ft-list\">\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/wordpress-website-laten-maken\/\" title=\"WordPress\" target=\"\">WordPress<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/woocommerce-webshop-laten-bouwen\/\" title=\"WooCommerce\" target=\"\">WooCommerce<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/shopify-webshop-ontwikkeling\/\" title=\"Shopify\" target=\"\">Shopify<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/white-label\/\" title=\"White label\" target=\"\">White-label<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<div class=\"copyrightrow\">\n<div class=\"copyright-inner\">\n<div class=\"copyrighttxt\">\n<div class=\"imgbox\"><a href=\"https:\/\/www.studioubique.com\/nl\"><img decoding=\"async\" src=\"https:\/\/www.studioubique.com\/nl\/work\/dark-mode-webdesign-kalkyl\/\" alt=\"\" \/><\/a><\/div>\n<p>\u00a9 2012-2026. Alle rechten voorbehouden.<\/p>\n<\/div>\n<div class=\"ftheadline headline-desktop\">\n<p><span><img decoding=\"async\" data-src=\"https:\/\/www.studioubique.com\/wp-content\/themes\/studio-ubique\/assets\/images\/globe.svg\" alt=\"\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" class=\"lazyload\" \/><\/span>100% remote, wereldwijd<\/p>\n<\/div>\n<div class=\"terms-link notabview\">\n<ul>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/de-kleine-lettertjes\/#1\">Cookiebeleid<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/de-kleine-lettertjes\/#2\">Privacybeleid<\/a><\/li>\n<li><a href=\"https:\/\/www.studioubique.com\/nl\/de-kleine-lettertjes\/#3\">Algemene voorwaarden<\/a><\/li>\n<\/ul>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/footer>\n<p><\/main><\/div>\n<\/div>\n<\/div>\n<p><zapier-interfaces-chatbot-embed is-popup=\"true\" chatbot-id=\"cmht3xrkw001uupl2sooxeyp4\" class=\"hydrated\"><iframe width=\"77px\" height=\"77px\" id=\"zapier-chatbot-embed\" class=\"is-zpopup is-zpopup__closed lazyload\" data-src=\"https:\/\/interfaces.zapier.com\/embed\/chatbot\/cmht3xrkw001uupl2sooxeyp4?isPopup=true\" allow=\"clipboard-write *\" data-mce-fragment=\"1\" src=\"data:image\/svg+xml;base64,PHN2ZyB3aWR0aD0iMSIgaGVpZ2h0PSIxIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjwvc3ZnPg==\" data-load-mode=\"1\"><\/iframe><\/zapier-interfaces-chatbot-embed><\/p>\n<div id=\"myModal\" class=\"modal\">\n<div class=\"lottie-container\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" xmlns:xlink=\"http:\/\/www.w3.org\/1999\/xlink\" viewbox=\"0 0 500 500\" width=\"500\" height=\"500\" preserveaspectratio=\"xMidYMid meet\"><defs> \t<lineargradient id=\"lottie2_gradient1\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><\/lineargradient> \t<lineargradient id=\"lottie2_gradient2\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><\/lineargradient> \t<lineargradient id=\"lottie2_gradient3\" x1=\"0%\" y1=\"0%\" x2=\"100%\" y2=\"100%\"><\/lineargradient><\/defs><defs><clippath id=\"__lottie_element_32\"><rect width=\"500\" height=\"500\" x=\"0\" y=\"0\"><\/rect><\/clippath> \t<lineargradient id=\"__lottie_element_37\" spreadmethod=\"pad\" gradientunits=\"userSpaceOnUse\" x1=\"-208.17300415039062\" y1=\"-213.97300720214844\" x2=\"205.6320037841797\" y2=\"212.44000244140625\"><\/lineargradient> \t<lineargradient id=\"__lottie_element_41\" spreadmethod=\"pad\" gradientunits=\"userSpaceOnUse\" x1=\"-277.4339904785156\" y1=\"277.4830017089844\" x2=\"285.62298583984375\" y2=\"-280.42999267578125\"><\/lineargradient> \t<lineargradient id=\"__lottie_element_45\" spreadmethod=\"pad\" gradientunits=\"userSpaceOnUse\" x1=\"-338.7449951171875\" y1=\"-377.5360107421875\" x2=\"349.1189880371094\" y2=\"356.9849853515625\"><\/lineargradient><\/defs><g clip-path=\"url(#__lottie_element_32)\"><g transform=\"matrix(0.499433696269989,0,0,0.499433696269989,0.158294677734375,0.158294677734375)\" opacity=\"1\"><g opacity=\"1\" transform=\"matrix(1,0,0,1,500.25,500.25)\"><path fill=\"url(#lottie2_gradient1)\" fill-opacity=\"1\" d=\" M0,-500 C-276.1419982910156,-500 -500,-276.1419982910156 -500,0 C-500,276.1419982910156 -276.1419982910156,500 0,500 C276.1419982910156,500 500,276.1419982910156 500,0 C500,-276.1419982910156 276.1419982910156,-500 0,-500z\" stroke=\"#ededf2\" stroke-width=\"0.5\" stroke-opacity=\"0.1\"><\/path><g opacity=\"1\" transform=\"matrix(1,0,0,1,0,0)\"><\/g><\/g><\/g><g transform=\"matrix(0.49695175886154175,0,0,0.49695175886154175,51.095062255859375,51.095062255859375)\" opacity=\"1\"><g opacity=\"1\" transform=\"matrix(1,0,0,1,400.25,400.25)\"><path fill=\"url(#lottie2_gradient2)\" fill-opacity=\"1\" d=\" M-400,0 C-400,220.91400146484375 -220.91400146484375,400 0,400 C220.91400146484375,400 400,220.91400146484375 400,0 C400,-220.91400146484375 220.91400146484375,-400 0,-400 C-220.91400146484375,-400 -400,-220.91400146484375 -400,0z\" stroke=\"#ededf2\" stroke-width=\"0.5\" stroke-opacity=\"0.1\"><\/path><g opacity=\"1\" transform=\"matrix(1,0,0,1,0,0)\"><\/g><\/g><\/g><g transform=\"matrix(0.4904121458530426,0,0,0.4904121458530426,102.75375366210938,102.75375366210938)\" opacity=\"1\"><g opacity=\"1\" transform=\"matrix(1,0,0,1,300.25,300.25)\"><g opacity=\"1\" transform=\"matrix(1,0,0,1,0,0)\"><path fill=\"url(#lottie2_gradient3)\" fill-opacity=\"1\" d=\" M-300,0 C-300,165.68499755859375 -165.68499755859375,300 0,300 C165.68499755859375,300 300,165.68499755859375 300,0 C300,-165.68499755859375 165.68499755859375,-300 0,-300 C-165.68499755859375,-300 -300,-165.68499755859375 -300,0z\" stroke=\"#ededf2\" stroke-width=\"0.5\" stroke-opacity=\"0.1\"><\/path><\/g><\/g><\/g><\/g><\/svg><\/div>\n<div class=\"modal-content landing-new\">\n<div class=\"header\"><span class=\"close\">\u00d7<\/span><\/div>\n<div class=\"unlock-feature\"><\/div>\n<div class=\"banner-contact\"><\/div>\n<div class=\"modal-footer\"><\/div>\n<\/div>\n<\/div>\n<div id=\"cmplz-manage-consent\" data-nosnippet=\"true\"><\/div>\n<div><\/div>\n<div id=\"zp-13-0-2-licdn-root-apollo_everywhere\">\n<div class=\"zp apolloio-css-vars-reset x_lAIzV x_ktWFc\" dir=\"ltr\" data-has-tooltip-listener=\"\">\n<div class=\"zp\">\n<div><\/div>\n<\/div>\n<div class=\"x_BJJxg\" data-disable-focus-trap=\"true\"><\/div>\n<div class=\"x_KfhZL\" aria-live=\"polite\" aria-atomic=\"true\" data-disable-focus-trap=\"true\" data-testid=\"toast-container-top\"><\/div>\n<\/div>\n<\/div>\n<div class=\"extension-opener-icon\">\n<div class=\"zp apolloio-css-vars-reset x_lAIzV x_ktWFc\" dir=\"ltr\">\n<div class=\"x_SrTzk x_pnPas zp-13-0-2-zp-fixed\" data-cy=\"apollo-opener-icon-new\"><img decoding=\"async\" draggable=\"false\" alt=\"Apollo\" src=\"data:image\/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI0MCIgaGVpZ2h0PSI0MCIgZmlsbD0ibm9uZSIgdmlld0JveD0iMCAwIDQwIDQwIj48cGF0aCBmaWxsPSIjZWJmMjEyIiBkPSJtMjEuNDY2IDUuMDcxLjAwNCAxMC45MTVjLjAwMSAxLjcyNS0xLjgzNCAyLjgzLTMuMzU4IDIuMDI0TDcuMTcgMTIuMjIzYTE1LjEgMTUuMSAwIDAgMSAzLjEtMy42NGw4LjU4MiA3LjkzMmMuNDU1LjQyIDEuMTcyLS4wMzYuOTg1LS42MjZMMTYuNTA5IDUuNDFhMTUgMTUgMCAwIDEgNC45NTYtLjMzOE0xOC40OTYgMzQuOTI1bC0uMDA1LTEwLjg2YzAtMS43MjQgMS44MzQtMi44MyAzLjM1OS0yLjAyM2wxMC45NDYgNS43OWExNSAxNSAwIDAgMS0zLjExNiAzLjYyNmwtOC41Ny03LjkyMWMtLjQ1NS0uNDItMS4xNzIuMDM1LS45ODUuNjI1bDMuMzE2IDEwLjQ0MWExNSAxNSAwIDAgMS00Ljk0NS4zMjJNMjMuNDkyIDE4Ljg5OCAzMS40NCAxMC4zYTE1IDE1IDAgMCAwLTMuNjQtMy4xMTNsLTUuODA0IDEwLjk3MmMtLjgwNiAxLjUyNC4zIDMuMzU5IDIuMDI0IDMuMzU4bDEwLjkwNS0uMDA1YTE1LjIgMTUuMiAwIDAgMC0uMzI0LTQuOTU4bC0xMC40ODQgMy4zM2MtLjU5LjE4Ny0xLjA0NS0uNTMtLjYyNS0uOTg1TTUuMDcgMTguNTRsMTAuODcyLS4wMDRjMS43MjUgMCAyLjgzIDEuODM0IDIuMDI0IDMuMzU4TDEyLjE5MiAzMi44MWExNSAxNSAwIDAgMS0zLjYyNy0zLjEwM2w3LjkwNi04LjU1M2MuNDItLjQ1NS0uMDM2LTEuMTcyLS42MjYtLjk4NUw1LjQwOCAyMy40ODRhMTUgMTUgMCAwIDEtLjMzNy00Ljk0MyIvPjwvc3ZnPg==\" class=\"x_IFkFs x_Zjwlo x_MG3Du\" \/><\/div>\n<\/div>\n<\/div>\n","protected":false},"template":"","class_list":["post-15348","work","type-work","status-publish","hentry","entry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.studioubique.com\/nl\/wp-json\/wp\/v2\/work\/15348","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.studioubique.com\/nl\/wp-json\/wp\/v2\/work"}],"about":[{"href":"https:\/\/www.studioubique.com\/nl\/wp-json\/wp\/v2\/types\/work"}],"wp:attachment":[{"href":"https:\/\/www.studioubique.com\/nl\/wp-json\/wp\/v2\/media?parent=15348"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}