{"id":2945,"date":"2025-05-28T11:00:24","date_gmt":"2025-05-28T09:00:24","guid":{"rendered":"https:\/\/digikompas.com\/projecten\/website-studio-daphne-jansen\/"},"modified":"2026-02-23T13:02:18","modified_gmt":"2026-02-23T12:02:18","slug":"website-studio-daphne-jansen","status":"publish","type":"projects","link":"https:\/\/digikompas.com\/en\/projects\/website-studio-daphne-jansen\/","title":{"rendered":"Website Studio Daphne Jansen"},"content":{"rendered":"\n<div style=\"height:60px\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<div class=\"wp-block-group alignfull is-layout-flow wp-block-group-is-layout-flow\">\n<div class=\"wp-block-digikompas-extension-website-preview browser-preview-block\"><div class=\"floating-controls\"><button class=\"control-btn active\" data-device=\"desktop\" type=\"button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#ffffff\"><path d=\"M32.59-108.28v-83.59h894.82v83.59H32.59Zm130.28-123.59q-37.78 0-64.39-26.61t-26.61-64.39v-434.26q0-37.78 26.61-64.39t64.39-26.61h634.26q37.78 0 64.39 26.61t26.61 64.39v434.26q0 37.78-26.61 64.39t-64.39 26.61H162.87Zm0-91h634.26v-434.26H162.87v434.26Zm0 0v-434.26 434.26Z\"><\/path><\/svg><svg class=\"timer-svg\" viewBox=\"0 0 48 48\"><circle class=\"timer-circle\" cx=\"24\" cy=\"24\" r=\"22\"><\/circle><\/svg><\/button><button class=\"control-btn\" data-device=\"tablet\" type=\"button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#ffffff\"><path d=\"M123.59-151.87q-37.54 0-64.27-26.73-26.73-26.73-26.73-64.27v-474.26q0-37.54 26.73-64.27 26.73-26.73 64.27-26.73h712.82q37.54 0 64.27 26.73 26.73 26.73 26.73 64.27v474.26q0 37.54-26.73 64.27-26.73 26.73-64.27 26.73H123.59Zm120-91h472.82v-474.26H243.59v474.26Z\"><\/path><\/svg><svg class=\"timer-svg\" viewBox=\"0 0 48 48\"><circle class=\"timer-circle\" cx=\"24\" cy=\"24\" r=\"22\"><\/circle><\/svg><\/button><button class=\"control-btn\" data-device=\"tablet-portrait\" type=\"button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#ffffff\" style=\"transform:rotate(90deg)\"><path d=\"M123.59-151.87q-37.54 0-64.27-26.73-26.73-26.73-26.73-64.27v-474.26q0-37.54 26.73-64.27 26.73-26.73 64.27-26.73h712.82q37.54 0 64.27 26.73 26.73 26.73 26.73 64.27v474.26q0 37.54-26.73 64.27-26.73 26.73-64.27 26.73H123.59Zm120-91h472.82v-474.26H243.59v474.26Z\"><\/path><\/svg><svg class=\"timer-svg\" viewBox=\"0 0 48 48\"><circle class=\"timer-circle\" cx=\"24\" cy=\"24\" r=\"22\"><\/circle><\/svg><\/button><button class=\"control-btn\" data-device=\"mobile\" type=\"button\"><svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" height=\"24px\" viewBox=\"0 -960 960 960\" width=\"24px\" fill=\"#ffffff\"><path d=\"M283.11-31.87q-37.78 0-64.39-26.61t-26.61-64.39v-714.26q0-37.78 26.61-64.39t64.39-26.61h393.78q37.78 0 64.39 26.61t26.61 64.39v117.06q18.24 7.96 29.24 23.92 11 15.95 11 35.67v78.81q0 19.71-11 35.79t-29.24 24.03v398.98q0 37.78-26.61 64.39t-64.39 26.61H283.11Zm-.24-90.76h394.26v-714.74H282.87v714.74Zm0 0v-714.74 714.74ZM480-713.54q17.81 0 29.86-12.05t12.05-29.87q0-17.81-12.05-29.86T480-797.37q-17.81 0-29.86 12.05t-12.05 29.86q0 17.82 12.05 29.87T480-713.54Z\"><\/path><\/svg><svg class=\"timer-svg\" viewBox=\"0 0 48 48\"><circle class=\"timer-circle\" cx=\"24\" cy=\"24\" r=\"22\"><\/circle><\/svg><\/button><\/div><div class=\"browser-window browser-desktop\"><div class=\"browser-tabbar\"><div class=\"browser-buttons-wrapper\"><div class=\"browser-buttons\"><\/div><\/div><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/digikompas.com\/wp-content\/uploads\/2025\/05\/digikompas-icon-black.png?quality=100&#038;ssl=1\" class=\"browser-user-icon\" alt=\"Favicon\"\/><div class=\"browser-tab\"><img data-recalc-dims=\"1\" decoding=\"async\" src=\"https:\/\/i0.wp.com\/digikompas.com\/wp-content\/uploads\/2025\/05\/favicon-studio-daphne-jansen.png?quality=100&#038;ssl=1\" class=\"browser-favicon\" alt=\"Favicon\"\/><div class=\"browser-tab-text\">Studio Daphne Jansen<\/div><\/div><\/div><div class=\"browser-controls\"><div class=\"browser-url-bar\"><span class=\"browser-url-protocol\">https:\/\/<\/span><span class=\"browser-url-domain\">studiodaphnejansen.com<\/span><\/div><\/div><div class=\"browser-frame\"><div class=\"preview-wrapper\"><iframe src=\"https:\/\/studiodaphnejansen.com\" scrolling=\"no\" class=\"preview-frame\" title=\"Studio Daphne Jansen\"><\/iframe><div class=\"iframe-overlay\">Open Studio Daphne Jansen in a new tab<\/div><\/div><\/div><\/div><\/div>\n<\/div>\n\n\n\n<h1 class=\"wp-block-heading has-text-align-center alignwide is-style-text-display shiny-text is-style-text-display--1\">Website Studio Daphne Jansen<\/h1>\n\n\n\n<div class=\"wp-block-group alignwide has-global-padding is-content-justification-center is-layout-constrained wp-block-group-is-layout-constrained\" style=\"padding-top:var(--wp--preset--spacing--20);padding-bottom:var(--wp--preset--spacing--60)\">\n<h2 class=\"wp-block-heading\" style=\"border-bottom-color:#ffffff33;border-bottom-width:1px;margin-top:var(--wp--preset--spacing--80);padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)\">About the project<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\">From day one, Studio Daphne Jansen knew exactly what it wanted: a striking website that primarily showcases their creations, with SEO not being a factor. One of the designers within the company had already created an initial design.  <\/p>\n\n\n\n<p class=\"wp-block-paragraph\">What immediately stood out was the dark theme combined with razor-sharp images. The white highlights in the lines and buttons reminded me of a window, as if you could peek inside each project.  <\/p>\n\n\n\n<figure class=\"wp-block-video highlight\"><video height=\"2160\" style=\"aspect-ratio: 2160 \/ 2160;\" width=\"2160\" controls src=\"https:\/\/videos.files.wordpress.com\/lvFnuc66\/sdj-promo-video.mp4\"><\/video><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\">Together with the team from Studio Daphne Jansen, we consulted extensively to bring the design to life with micro-animations.<\/p>\n\n\n\n<h3 class=\"wp-block-heading\">Technologies used<\/h3>\n\n\n\n<div class=\"wp-block-group has-global-padding is-content-justification-left is-layout-constrained wp-container-core-group-is-layout-236ffaf5 wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-group display-flex is-layout-flex wp-container-core-group-is-layout-94f98c81 wp-block-group-is-layout-flex\" style=\"margin-top:0\">\n<div class=\"wp-block-group wp-container-content-96048b64 is-nowrap is-layout-flex wp-container-core-group-is-layout-de868385 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full wp-container-content-c42f3963\" style=\"margin-bottom:10px\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"671\" height=\"670\" src=\"https:\/\/i0.wp.com\/digikompas.com\/wp-content\/uploads\/2024\/09\/WordPress-logotype-wmark-white.png?resize=671%2C670&#038;quality=100&#038;ssl=1\" alt=\"\" class=\"wp-image-2275\" style=\"aspect-ratio:1;object-fit:cover\" srcset=\"https:\/\/i0.wp.com\/digikompas.com\/wp-content\/uploads\/2024\/09\/WordPress-logotype-wmark-white.png?w=671&amp;quality=100&amp;ssl=1 671w, https:\/\/i0.wp.com\/digikompas.com\/wp-content\/uploads\/2024\/09\/WordPress-logotype-wmark-white.png?resize=300%2C300&amp;quality=100&amp;ssl=1 300w, https:\/\/i0.wp.com\/digikompas.com\/wp-content\/uploads\/2024\/09\/WordPress-logotype-wmark-white.png?resize=150%2C150&amp;quality=100&amp;ssl=1 150w, https:\/\/i0.wp.com\/digikompas.com\/wp-content\/uploads\/2024\/09\/WordPress-logotype-wmark-white.png?resize=600%2C600&amp;quality=100&amp;ssl=1 600w, https:\/\/i0.wp.com\/digikompas.com\/wp-content\/uploads\/2024\/09\/WordPress-logotype-wmark-white.png?resize=400%2C400&amp;quality=100&amp;ssl=1 400w, https:\/\/i0.wp.com\/digikompas.com\/wp-content\/uploads\/2024\/09\/WordPress-logotype-wmark-white.png?resize=200%2C200&amp;quality=100&amp;ssl=1 200w\" sizes=\"auto, (max-width: 671px) 100vw, 671px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0px\">WordPress<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group wp-container-content-d93a3b85 is-nowrap is-layout-flex wp-container-core-group-is-layout-de868385 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full wp-container-content-c42f3963\" style=\"margin-bottom:var(--wp--preset--spacing--20)\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"227\" height=\"226\" src=\"https:\/\/i0.wp.com\/digikompas.com\/wp-content\/uploads\/2025\/05\/elementor-icon.png?resize=227%2C226&#038;quality=100&#038;ssl=1\" alt=\"\" class=\"wp-image-2424\" style=\"object-fit:cover\" srcset=\"https:\/\/i0.wp.com\/digikompas.com\/wp-content\/uploads\/2025\/05\/elementor-icon.png?w=227&amp;quality=100&amp;ssl=1 227w, https:\/\/i0.wp.com\/digikompas.com\/wp-content\/uploads\/2025\/05\/elementor-icon.png?resize=150%2C150&amp;quality=100&amp;ssl=1 150w, https:\/\/i0.wp.com\/digikompas.com\/wp-content\/uploads\/2025\/05\/elementor-icon.png?resize=200%2C200&amp;quality=100&amp;ssl=1 200w\" sizes=\"auto, (max-width: 227px) 100vw, 227px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0px\">Elementor<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-group wp-container-content-d50df0bc is-nowrap is-layout-flex wp-container-core-group-is-layout-de868385 wp-block-group-is-layout-flex\">\n<figure class=\"wp-block-image size-full wp-container-content-c42f3963\" style=\"margin-bottom:var(--wp--preset--spacing--20)\"><img data-recalc-dims=\"1\" loading=\"lazy\" decoding=\"async\" width=\"517\" height=\"518\" src=\"https:\/\/i0.wp.com\/digikompas.com\/wp-content\/uploads\/2025\/05\/jetpack.png?resize=517%2C518&#038;quality=100&#038;ssl=1\" alt=\"\" class=\"wp-image-336\" style=\"object-fit:cover\" srcset=\"https:\/\/i0.wp.com\/digikompas.com\/wp-content\/uploads\/2025\/05\/jetpack.png?w=517&amp;quality=100&amp;ssl=1 517w, https:\/\/i0.wp.com\/digikompas.com\/wp-content\/uploads\/2025\/05\/jetpack.png?resize=300%2C300&amp;quality=100&amp;ssl=1 300w, https:\/\/i0.wp.com\/digikompas.com\/wp-content\/uploads\/2025\/05\/jetpack.png?resize=150%2C150&amp;quality=100&amp;ssl=1 150w\" sizes=\"auto, (max-width: 517px) 100vw, 517px\" \/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\" style=\"margin-top:0;margin-bottom:0px\">Jetpack<\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"border-bottom-color:#ffffff33;border-bottom-width:1px;margin-top:var(--wp--preset--spacing--80);padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)\">Corporate identity &amp; design<\/h2>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"margin-top:var(--wp--preset--spacing--40)\">Colors<\/h3>\n\n\n\n<div class=\"wp-block-columns is-not-stacked-on-mobile colors-wrapper is-layout-flex wp-container-core-columns-is-layout-3a88641f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-content-justification-center is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"color-card color-0F1010\"><\/div>\n<span>Primary<\/span>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-content-justification-center is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"color-card color-F0F0F0\"><\/div>\n<span>Secondary<\/span>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-content-justification-center is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"color-card color-FFFFFF\"><\/div>\n<span>Background<\/span>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<h3 class=\"wp-block-heading\" style=\"margin-top:var(--wp--preset--spacing--40)\">Fonts<\/h3>\n\n\n\n<div class=\"wp-block-columns is-not-stacked-on-mobile colors-wrapper is-layout-flex wp-container-core-columns-is-layout-3a88641f wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group has-global-padding is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"font-card roboto-regular\"><\/div>\n<span>Roboto<\/span>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\"><\/div>\n<\/div>\n\n\n\n<h2 class=\"wp-block-heading\" style=\"border-bottom-color:#ffffff33;border-bottom-width:1px;margin-top:var(--wp--preset--spacing--80);padding-top:var(--wp--preset--spacing--30);padding-bottom:var(--wp--preset--spacing--30)\">Credits<\/h2>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Photography:<\/strong> Various<br><strong>Design: <\/strong><a href=\"https:\/\/studiodaphnejansen.com\" data-type=\"link\" data-id=\"https:\/\/studiodaphnejansen.com\" target=\"_blank\" rel=\"noopener\">Studio Daphne Jansen<\/a><br><strong>Realization:<\/strong> Digikompas<\/p>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>Website Studio Daphne Jansen About the project From day one, Studio Daphne Jansen knew exactly what it wanted: a striking website that primarily showcases their creations, with SEO not being a factor. One of the designers within the company had already created an initial design. What immediately stood out was the dark theme combined with [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":2949,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"projectslug_image_url":"https:\/\/digikompas.com\/wp-content\/uploads\/2025\/05\/studiodaphnejansen-groot.jpeg","projectslug_image_alt":"","footnotes":""},"categories":[44],"tags":[],"class_list":["post-2945","projects","type-projects","status-publish","has-post-thumbnail","hentry","category-website"],"_links":{"self":[{"href":"https:\/\/digikompas.com\/en\/wp-json\/wp\/v2\/projects\/2945","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/digikompas.com\/en\/wp-json\/wp\/v2\/projects"}],"about":[{"href":"https:\/\/digikompas.com\/en\/wp-json\/wp\/v2\/types\/projects"}],"author":[{"embeddable":true,"href":"https:\/\/digikompas.com\/en\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/digikompas.com\/en\/wp-json\/wp\/v2\/comments?post=2945"}],"version-history":[{"count":5,"href":"https:\/\/digikompas.com\/en\/wp-json\/wp\/v2\/projects\/2945\/revisions"}],"predecessor-version":[{"id":3702,"href":"https:\/\/digikompas.com\/en\/wp-json\/wp\/v2\/projects\/2945\/revisions\/3702"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/digikompas.com\/en\/wp-json\/wp\/v2\/media\/2949"}],"wp:attachment":[{"href":"https:\/\/digikompas.com\/en\/wp-json\/wp\/v2\/media?parent=2945"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/digikompas.com\/en\/wp-json\/wp\/v2\/categories?post=2945"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/digikompas.com\/en\/wp-json\/wp\/v2\/tags?post=2945"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}