1<!DOCTYPE html><!-- This site was created in Webflow. https://webflow.com --><!-- Last Published: Mon Jun 08 2026 02:37:37 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="osvald-architecture-template.webflow.io" data-wf-page="6a14f67182ac22584531453a" data-wf-site="6a03d4a14cb7a33ea825a681" lang="en" data-wf-collection="6a14f67182ac225845314533" data-wf-item-slug="dural-shift"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Dural Shift - Osvald - Webflow HTML Website Template</title><meta content="Dural Shift is an adaptive architectural concept that balances durability and flexibility, supporting evolving needs through thoughtful design." name="description"/><meta content="Dural Shift - Osvald - Webflow HTML Website Template" property="og:title"/><meta content="Dural Shift is an adaptive architectural concept that balances durability and flexibility, supporting evolving needs through thoughtful design." property="og:description"/><meta content="https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20e9c746c9ca5ac2288dcc_Modern%20Minimalist%20Interior%201.webp" property="og:image"/><meta content="Dural Shift - Osvald - Webflow HTML Website Template" name="twitter:title"/><meta content="Dural Shift is an adaptive architectural concept that balances durability and flexibility, supporting evolving needs through thoughtful design." name="twitter:description"/><meta content="https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20e9c746c9ca5ac2288dcc_Modern%20Minimalist%20Interior%201.webp" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><meta content="Webflow" name="generator"/><link href="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/css/osvald-architecture-template.webflow.shared.8e6850082.css" rel="stylesheet" type="text/css" integrity="sha384-jmhQCCErWFDLd4SDdt7U5J5kxH4TCXxd5oEWPtOaSZfQ+PtSWEp2/Nzuos5kJ+NG" crossorigin="anonymous"/><style>html.w-mod-js:not(.w-mod-ix3) :is(:is(.secondary-button, .secondary-button) .arrow-button-icon.black, .navbar-popup-wrapper, .menu-line.top, .menu-line.bottom) {visibility: hidden !important;}</style><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({ google: { families: ["Instrument Sans:300,400,500,600,700","Instrument Serif:300,400,500,600,700","Inter Tight:300,400,500,600,700"] }});</script>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a224d40fccf04c04b4ba243_Icon%20256.png" rel="icon" type="image/png" sizes="32x32" media="(prefers-color-scheme: light)"/><link href="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a224d40fccf04c04b4ba243_Icon%20256.png" rel="icon" type="image/png" sizes="32x32" media="(prefers-color-scheme: dark)"/><link href="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a224d4057089c506591ac68_Icon%20256.png" rel="icon" type="image/png" sizes="48x48"/><link href="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a224d40ca441cd21d06e6f0_Icon%20256.png" rel="apple-touch-icon" sizes="180x180"/><link href="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a224d404719bae804ce5a64_Icon%20256.png" rel="icon" type="image/png" sizes="192x192"/><link href="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a224d40e0205a9dda7e316c_Icon%20256.png" rel="icon" type="image/png" sizes="512x512"/>
1<script type="application/ld+json"> 2{ 3 "@context": "https://schema.org", 4 "@type": "Article", 5 "headline": "Dural Shift", 6 "description": "Dural Shift is a private residence in South 7Jakarta designed around the idea of intentional 8negative space. The client wanted a home that 9felt open, quiet, and permanent â not a 10showpiece, but a place to live fully.", 11 "url": "/project/dural-shift", 12 "image": [ 13 "https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20e8e4c2ae1a4bac380a7b_image.webp", 14 "https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20e9c746c9ca5ac2288dcc_Modern%20Minimalist%20Interior%201.webp", 15 "https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20ea0bbe40efaf261609a6_Modern%20Interior%20Design%201.webp", 16 "https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20ea85b124c5830a3d7f1a_mkt_ceco.webp", 17 "https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20eb1ea16a80832ed2da96_restasveglia.webp", 18 "https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20eb8852b758d1d52abf5d_Serene%20Interior%20Scene%201.webp", 19 "https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20ec87550080786aa98393_u3718947793.webp" 20 ], 21 "datePublished": "2026-06-08T01:24:52.842Z", 22 "dateModified": "2026-06-08T01:23:46.017Z", 23 "inLanguage": "en", 24 "author": { 25 "@type": "Organization", 26 "name": "Osvald" 27 }, 28 "publisher": { 29 "@type": "Organization", 30 "name": "Osvald" 31 }, 32 "about": { 33 "@type": "ArchitecturalProject", 34 "name": "Dural Shift", 35 "description": "Dural Shift is a private residence in South 36Jakarta designed around the idea of intentional 37negative space. The client wanted a home that 38felt open, quiet, and permanent â not a 39showpiece, but a place to live fully.", 40 "additionalProperty": [ 41 { 42 "@type": "PropertyValue", 43 "name": "Area", 44 "value": "420 Sqm" 45 }, 46 { 47 "@type": "PropertyValue", 48 "name": "Scale", 49 "value": "3 Floors" 50 }, 51 { 52 "@type": "PropertyValue", 53 "name": "Status", 54 "value": "Completed 2026" 55 }, 56 { 57 "@type": "PropertyValue", 58 "name": "Materials", 59 "value": "Exposed Concrete, Natural Stone, Raw Steel" 60 } 61 ] 62 } 63} 64</script>
64<script> 65window.__WF_REVIEW_BRIDGE = { 66 siteId: "6a03d4a14cb7a33ea825a681", 67 version: "0.3.0", 68 marker: "__wf_review_snippet_v1", 69 bridgeToken: "wfbt_6aca20aaa8f14e779b3fa24783e2b56c", 70 reviewSurface: "published-review", 71 reviewScriptUrl: "https://validation-worker.createsomething.workers.dev/app-validator/snippet/review.js" 72}; 73</script>
vendor: 1 bytes, line 73
73
74<script src="https://validation-worker.createsomething.workers.dev/app-validator/snippet/review.js"></script>
74</head><body><div class="navbar-head-wrapper"><section class="navbar-section"><div class="w-layout-blockcontainer navbar-container w-container"><div class="navbar-block"><div class="navbar-logo-wrapper"><img loading="lazy" src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a0e88300dd1664b46c0661e_68c0cf16b86d044f0ee9b1239eae3ab7_LogoText.webp" alt=" "/></div><div class="navbar-menu-wrapper"><a data-wf--link-wrapper--variant="base" href="/" class="link-wrapper w-inline-block"><p class="nav-text">Home</p><img loading="lazy" src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a041fbd08bda7ce4c21b515_3ce11f1650d8a9d9530e9e7d0d109fcc_Arrow.svg" alt="Orange arrow pointing right with thick borders and a gradient orange fill." class="arrow-link-icon"/></a><a data-wf--link-wrapper--variant="base" href="/license" class="link-wrapper w-inline-block"><p class="nav-text">License</p><img loading="lazy" src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a041fbd08bda7ce4c21b515_3ce11f1650d8a9d9530e9e7d0d109fcc_Arrow.svg" alt="Orange arrow pointing right with thick borders and a gradient orange fill." class="arrow-link-icon"/></a><a data-wf--link-wrapper--variant="base" href="/style-guide" class="link-wrapper w-inline-block"><p class="nav-text">Style Guide</p><img loading="lazy" src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a041fbd08bda7ce4c21b515_3ce11f1650d8a9d9530e9e7d0d109fcc_Arrow.svg" alt="Orange arrow pointing right with thick borders and a gradient orange fill." class="arrow-link-icon"/></a><a data-wf--link-wrapper--variant="base" href="/changelog" class="link-wrapper w-inline-block"><p class="nav-text">Changelog</p><img loading="lazy" src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a041fbd08bda7ce4c21b515_3ce11f1650d8a9d9530e9e7d0d109fcc_Arrow.svg" alt="Orange arrow pointing right with thick borders and a gradient orange fill." class="arrow-link-icon"/></a><a data-wf--link-wrapper--variant="base" href="/404" class="link-wrapper w-inline-block"><p class="nav-text">404</p><img loading="lazy" src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a041fbd08bda7ce4c21b515_3ce11f1650d8a9d9530e9e7d0d109fcc_Arrow.svg" alt="Orange arrow pointing right with thick borders and a gradient orange fill." class="arrow-link-icon"/></a></div><div class="navbar-contact-wrapper"><a data-wf--link-wrapper--variant="base" href="#" class="link-wrapper w-inline-block"><p class="nav-text">CONTACT</p><img loading="lazy" src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a041fbd08bda7ce4c21b515_3ce11f1650d8a9d9530e9e7d0d109fcc_Arrow.svg" alt="Orange arrow pointing right with thick borders and a gradient orange fill." class="arrow-link-icon"/></a></div><div class="menu-wrapper"><div class="menu-line top"></div><div class="menu-line bottom"></div></div><div class="navbar-popup-wrapper"><div class="navbar-menu-popup"><a data-wf--link-wrapper--variant="base" href="/" class="link-wrapper w-inline-block"><p class="nav-text">Home</p><img loading="lazy" src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a041fbd08bda7ce4c21b515_3ce11f1650d8a9d9530e9e7d0d109fcc_Arrow.svg" alt="Orange arrow pointing right with thick borders and a gradient orange fill." class="arrow-link-icon"/></a><a data-wf--link-wrapper--variant="base" href="/license" class="link-wrapper w-inline-block"><p class="nav-text">License</p><img loading="lazy" src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a041fbd08bda7ce4c21b515_3ce11f1650d8a9d9530e9e7d0d109fcc_Arrow.svg" alt="Orange arrow pointing right with thick borders and a gradient orange fill." class="arrow-link-icon"/></a><a data-wf--link-wrapper--variant="base" href="/style-guide" class="link-wrapper w-inline-block"><p class="nav-text">Style Guide</p><img loading="lazy" src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a041fbd08bda7ce4c21b515_3ce11f1650d8a9d9530e9e7d0d109fcc_Arrow.svg" alt="Orange arrow pointing right with thick borders and a gradient orange fill." class="arrow-link-icon"/></a><a data-wf--link-wrapper--variant="base" href="/changelog" class="link-wrapper w-inline-block"><p class="nav-text">Changelog</p><img loading="lazy" src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a041fbd08bda7ce4c21b515_3ce11f1650d8a9d9530e9e7d0d109fcc_Arrow.svg" alt="Orange arrow pointing right with thick borders and a gradient orange fill." class="arrow-link-icon"/></a><a data-wf--link-wrapper--variant="base" href="https://oslvad---webflow-html-website-template.webflow.io/404" class="link-wrapper w-inline-block"><p class="nav-text">404</p><img loading="lazy" src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a041fbd08bda7ce4c21b515_3ce11f1650d8a9d9530e9e7d0d109fcc_Arrow.svg" alt="Orange arrow pointing right with thick borders and a gradient orange fill." class="arrow-link-icon"/></a></div><div class="navbar-contact-popup"><a data-wf--link-wrapper--variant="base" href="#" class="link-wrapper w-inline-block"><p class="nav-text">CONTACT</p><img loading="lazy" src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a041fbd08bda7ce4c21b515_3ce11f1650d8a9d9530e9e7d0d109fcc_Arrow.svg" alt="Orange arrow pointing right with thick borders and a gradient orange fill." class="arrow-link-icon"/></a></div></div></div></div></section><section class="head-section"><div class="w-layout-blockcontainer head-container w-container"><div class="head-block"><div class="heading-3 h3-grey-300">Where silence meets structure.</div><div class="head-title-wrapper"><h1 class="display-large">Dural Shift</h1></div><div class="head-metadata-wrapper"><div class="body-extra-large w-richtext"><p>Residential</p><p>Jakarta, ID<br/></p><p>2026</p></div></div><div class="head-sub-title-wrapper"><div class="heading-3">Void.</div></div></div></div></section></div><section class="project-overview-section"><div class="w-layout-blockcontainer project-overview-container w-container"><div class="project-overview-block"><div class="project-overview-label-wrapper"><p class="body-extra-large bel-white">[ The Brief ]</p></div><div class="project-overview-wrapper"><div class="project-overview-text-wrapper"><h2 class="heading-2 h2-white">A Home Built Around Emptiness.</h2><p class="body-large bl-white">
74Dural Shift is a private residence in South 75Jakarta designed around the idea of intentional 76negative space. The client wanted a home that 77felt open, quiet, and permanent â not a 78showpiece, but a place to live fully.</p></div><div class="project-overview-image-wrapper"><img src="https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20e8e4c2ae1a4bac380a7b_image.webp" loading="lazy" alt="dural-shift" sizes="(max-width: 767px) 100vw, (max-width: 991px) 727px, 939px" srcset="https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20e8e4c2ae1a4bac380a7b_image-p-500.webp 500w, https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20e8e4c2ae1a4bac380a7b_image-p-800.webp 800w, https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20e8e4c2ae1a4bac380a7b_image.webp 874w" class="project-overview-image"/></div></div></div></div></section><section class="project-details-section"><div class="w-layout-blockcontainer project-details-container w-container"><div class="project-details-block"><div class="project-details-label-wrapper"><p class="body-large bl-white">[ Project Info ]</p></div><div class="project-details-card-wrapper"><div class="project-details-card _1st"><p class="body-extra-small bes-grey-300">AREA</p><p class="body-extra-large bel-white">420 Sqm</p></div><div class="project-details-card"><p class="body-extra-small bes-grey-300">SCALE</p><p class="body-extra-large bel-white">3 Floors</p></div><div class="project-details-card"><p class="body-extra-small bes-grey-300">STATUS</p><p class="body-extra-large bel-white">Completed 2026</p></div><div class="project-details-card"><p class="body-extra-small bes-grey-300">MATERIALS</p><p class="body-small bs-white">Exposed Concrete, Natural Stone, Raw Steel</p></div></div></div></div></section><section class="design-concept-section"><div class="w-layout-blockcontainer design-concept-container w-container"><div class="design-concept-block"><div class="design-concept-text-wrapper"><div class="design-concept-label-wrapper"><p class="body-large">[ Our Approach ]</p></div><div class="design-concept-heading-wrapper"><h2 class="heading-2">LESS WALLS. MORE AIR.</h2></div><div class="design-concept-subtext-wrapper"><p class="body-extra-large bel-grey-300">The design strips away anything unnecessary. Wide voids between floors create visual breathing room. Exposed concrete surfaces are left raw â no paint, no veneer. Light becomes the main material.</p></div></div><div class="design-concept-card-wrapper"><div class="design-concept-card"><div class="heading-4 h4-grey-300">01</div><div class="heading-6">Void As Feature</div><p class="body-small bs-grey-300">Open vertical shafts connect all three floors 79with natural light.</p></div><div class="design-concept-card"><div class="heading-4 h4-grey-300">02</div><div class="heading-6">Raw Material Palette</div><p class="body-small bs-grey-300">Concrete, stone, and steel used without 80finishing or coating.</p></div><div class="design-concept-card"><div class="heading-4 h4-grey-300">03</div><div class="heading-6">Indoor-Outdoor Flow</div><p class="body-small bs-grey-300">Every room opens directly to an external 81space or garden.</p></div></div></div></div></section><section class="gallery-section"><div class="w-layout-blockcontainer gallery-container w-container"><div class="gallery-block"><div class="gallery-label-wrapper"><p class="body-large">[ Visual Archive ]</p></div><div class="gallery-photo-block"><div id="w-node-c7839e2f-02d9-c47e-0987-69f7709c1719-4531453a" class="gallery-photo-wrapper column-span-2"><img src="https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20e9c746c9ca5ac2288dcc_Modern%20Minimalist%20Interior%201.webp" loading="lazy" alt="dural-shift" sizes="(max-width: 767px) 100vw, (max-width: 991px) 727px, 939px" srcset="https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20e9c746c9ca5ac2288dcc_Modern%20Minimalist%20Interior%201-p-500.webp 500w, https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20e9c746c9ca5ac2288dcc_Modern%20Minimalist%20Interior%201-p-800.webp 800w, https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20e9c746c9ca5ac2288dcc_Modern%20Minimalist%20Interior%201-p-1080.webp 1080w, https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20e9c746c9ca5ac2288dcc_Modern%20Minimalist%20Interior%201-p-1600.webp 1600w, https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20e9c746c9ca5ac2288dcc_Modern%20Minimalist%20Interior%201.webp 1792w" class="gallery-image"/></div><div id="w-node-_3bd4e20b-957c-6c46-b3b0-2c43a1baafb1-4531453a" class="gallery-photo-wrapper"><img src="https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20ea0bbe40efaf261609a6_Modern%20Interior%20Design%201.webp" loading="lazy" alt="dural-shift" sizes="(max-width: 767px) 100v
81w, (max-width: 991px) 727px, 939px" srcset="https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20ea0bbe40efaf261609a6_Modern%20Interior%20Design%201-p-500.webp 500w, https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20ea0bbe40efaf261609a6_Modern%20Interior%20Design%201-p-800.webp 800w, https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20ea0bbe40efaf261609a6_Modern%20Interior%20Design%201.webp 864w" class="gallery-image"/></div><div id="w-node-_37cce26c-ab0b-d72b-2c68-712ec3000ab0-4531453a" class="gallery-photo-wrapper"><img src="https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20ea85b124c5830a3d7f1a_mkt_ceco.webp" loading="lazy" alt="dural-shift" sizes="(max-width: 767px) 100vw, (max-width: 991px) 727px, 939px" srcset="https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20ea85b124c5830a3d7f1a_mkt_ceco-p-500.webp 500w, https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20ea85b124c5830a3d7f1a_mkt_ceco-p-800.webp 800w, https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20ea85b124c5830a3d7f1a_mkt_ceco.webp 864w" class="gallery-image"/></div><div id="w-node-bfa2395a-b6dc-709f-e1c0-bc4cd269a1a9-4531453a" class="gallery-photo-wrapper"><img src="https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20eb1ea16a80832ed2da96_restasveglia.webp" loading="lazy" alt="dural-shift" sizes="(max-width: 767px) 100vw, (max-width: 991px) 727px, 939px" srcset="https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20eb1ea16a80832ed2da96_restasveglia-p-500.webp 500w, https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20eb1ea16a80832ed2da96_restasveglia-p-800.webp 800w, https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20eb1ea16a80832ed2da96_restasveglia.webp 864w" class="gallery-image"/></div><div id="w-node-c6907bd0-4143-0ac5-849f-a3ea6f88a27b-4531453a" class="gallery-photo-wrapper"><img src="https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20eb8852b758d1d52abf5d_Serene%20Interior%20Scene%201.webp" loading="lazy" alt="dural-shift" sizes="(max-width: 767px) 100vw, (max-width: 991px) 727px, 939px" srcset="https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20eb8852b758d1d52abf5d_Serene%20Interior%20Scene%201-p-500.webp 500w, https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20eb8852b758d1d52abf5d_Serene%20Interior%20Scene%201-p-800.webp 800w, https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20eb8852b758d1d52abf5d_Serene%20Interior%20Scene%201.webp 864w" class="gallery-image"/></div><div id="w-node-f6b4f169-7c97-6e84-34a6-9e3fc7162e53-4531453a" class="gallery-photo-wrapper column-span-3"><img src="https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20ec87550080786aa98393_u3718947793.webp" loading="lazy" alt="dural-shift" sizes="(max-width: 767px) 100vw, (max-width: 991px) 727px, 939px" srcset="https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20ec87550080786aa98393_u3718947793-p-500.webp 500w, https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20ec87550080786aa98393_u3718947793-p-800.webp 800w, https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20ec87550080786aa98393_u3718947793-p-1080.webp 1080w, https://cdn.prod.website-files.com/6a14f66cda5fdd983b4d721d/6a20ec87550080786aa98393_u3718947793.webp 1360w" class="gallery-image"/></div></div></div></div></section><section class="next-project-section"><div class="w-layout-blockcontainer next-project-container w-container"><div class="next-project-block"><div class="next-project-label-title"><div class="next-project-label-wrapper"><p class="body-large bl-white">[ Up Next ]</p></div><h2 class="display-medium dm-white">THERMAL GRID</h2></div><p class="body-large bl-white">Commercial · Surabaya · 2022</p><a data-wf--primary-button--variant="outline" data-wf-component-id="5c8d12f9-83c8-e53d-bde0-e2f915266031" data-wf-variant-state="87863d7c-3dd7-7e37-9abf-d1600e3e51fb" href="#" class="primary-button w-variant-87863d7c-3dd7-7e37-9abf-d1600e3e51fb w-inline-block"><img data-wf-target="[[["5c8d12f9-83c8-e53d-bde0-e2f915266031","5c8d12f9-83c8-e53d-bde0-e2f915266032"],["559291f0-a182-01cf-d1fd-8983ba83f8ab"]]]" loading="lazy" alt="White left and right square brackets icon on a transparent background." src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a042d125ffc42bc41fce1d3_cca61ccb2a1106b674fea351133b29bf_Bracket%20Icon%20%28White%29.webp" class="bracket-icon"/><div class="button-text-arrow-wrapper"><p class="button-text bt-white">View Project</p><img loading="lazy" src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a041fbd08bda7ce4c21b515_3ce11f1650d8a9d9530e9e7d0d109fcc_Arrow.svg" alt="Orange arrow pointing right with thick borders and a gradient orange fill." class="promary-arrow"/></div><img data-wf-target="[[["5c8d12f9-83c8-e53d-bde0-e2f915266031","5c8d12f9-83c8-e53d-bde0-e2f915266036"],["559291f0-a182-01cf-d1fd-8983ba83f8ab"]]]" loading="lazy" alt="White left and right square brackets icon on a transparent background." src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a042d125ffc42bc41fce1d3_cca61ccb2a1106b674fea351133b29bf_Bracket%20Icon%20%28White%29.webp" class="bracket-icon bracket-right"/></a></div></div></section><section class="cta-section"><div class="w-layout-blockcontainer cta-container w-container"><div class="cta-block"><div class="hero-background-wrapper"><div class="hero-background-line"></div><div class="hero-background-line"></div><div class="hero-background-line"></div><div class="hero-background-line"></div><div class="hero-background-line"></div><div class="hero-background-line"></div></div><div class="cta-image-wrapper">
81<img sizes="(max-width: 767px) 100vw, (max-width: 991px) 728px, 940px" srcset="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a20e3f0777fa9497c9c2886_b05e76fab0aecd7ef51c025946f392cc_Image%20%282%29-p-500.webp 500w, https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a20e3f0777fa9497c9c2886_b05e76fab0aecd7ef51c025946f392cc_Image%20%282%29-p-800.webp 800w, https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a20e3f0777fa9497c9c2886_b05e76fab0aecd7ef51c025946f392cc_Image%20%282%29-p-1080.webp 1080w, https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a20e3f0777fa9497c9c2886_b05e76fab0aecd7ef51c025946f392cc_Image%20%282%29-p-1600.webp 1600w, https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a20e3f0777fa9497c9c2886_b05e76fab0aecd7ef51c025946f392cc_Image%20%282%29-p-2000.webp 2000w, https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a20e3f0777fa9497c9c2886_b05e76fab0aecd7ef51c025946f392cc_Image%20%282%29.webp 2880w" alt="Architectural wireframe sketch of a modern multi-level building with rectangular shapes and grids." src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a20e3f0777fa9497c9c2886_b05e76fab0aecd7ef51c025946f392cc_Image%20%282%29.webp" loading="lazy" class="cta-image-ascii"/></div><div class="cta-wrapper"><div class="label-wrapper"><div class="label-line cta-line"></div><p class="body-medium bm-grey-400">Contact Request</p></div><div class="cta-display-wrapper"><h2 class="display-medium">Have a Project in Mind? Letâs Talk!</h2></div><div class="cta-description-wrapper"><p class="body-extra-large">Whether it's a new build, a renovation, or just an idea â we'd love to hear it. Build with intention.</p></div><div class="cta-button-wrapper"><a data-wf--primary-button--variant="no-arrow" data-wf-component-id="5c8d12f9-83c8-e53d-bde0-e2f915266031" data-wf-variant-state="base" href="#" class="primary-button w-inline-block"><img data-wf-target="[[["5c8d12f9-83c8-e53d-bde0-e2f915266031","5c8d12f9-83c8-e53d-bde0-e2f915266032"],["deb3f3bd-8c7d-4642-e77c-77ba607c24d2","2ef177b0-6b37-e436-0057-d18b7bfde994"]]]" loading="lazy" alt="White left and right square brackets icon on a transparent background." src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a042d125ffc42bc41fce1d3_cca61ccb2a1106b674fea351133b29bf_Bracket%20Icon%20%28White%29.webp" class="bracket-icon"/><div class="button-text-arrow-wrapper"><p class="button-text bt-white">Start a Project</p><img loading="lazy" src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a041fbd08bda7ce4c21b515_3ce11f1650d8a9d9530e9e7d0d109fcc_Arrow.svg" alt="Orange arrow pointing right with thick borders and a gradient orange fill." class="promary-arrow"/></div><img data-wf-target="[[["5c8d12f9-83c8-e53d-bde0-e2f915266031","5c8d12f9-83c8-e53d-bde0-e2f915266036"],["deb3f3bd-8c7d-4642-e77c-77ba607c24d2","2ef177b0-6b37-e436-0057-d18b7bfde994"]]]" loading="lazy" alt="White left and right square brackets icon on a transparent background." src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a042d125ffc42bc41fce1d3_cca61ccb2a1106b674fea351133b29bf_Bracket%20Icon%20%28White%29.webp" class="bracket-icon bracket-right"/></a><a href="#" class="secondary-button w-inline-block"><div class="button-text-arrow-wrapper"><p class="button-text">See Our Work</p></div><div class="button-arrow-wrapper"><img loading="lazy" src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a154c325fe53f089d193a7b_0aa3c16db039d995e2ee0a56fa870f91_arrow-forward-sharp-white.svg" alt="White arrow pointing right on a transparent background." class="arrow-button-icon"/><img loading="lazy" src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a154c04fa85e886a55df163_91f29f6f82c8d81bec098ac32f287319_arrow-forward-sharp-black.svg" alt="Black arrow pointing to the right on a white background." class="arrow-button-icon black"/></div></a></div></div></div></div></section><div data-wf--footer--variant="relative" class="footer-section-wrapper"><section class="footer-section w-variant-0ec7a5ab-b6e7-baf4-80d2-ee8169d14d33"><div class="w-layout-blockcontainer footer-container w-container"><div class="footer-block"><div class="footer-navigation-wrapper"><div class="footer-subtext-wrapper"><div class="label-wrapper"><div class="label-line footer-line"></div><p class="body-medium bm-grey-400">Overview</p></div><p class="body-extra-large">Built with intention. Designing structures that define the landscape of the future.</p></div><div class="footer-navigation"><p class="body-small bs-grey-400">Navigation</p><div class="footer-link-wrapper"><a data-wf--link-wrapper--variant="footer" href="/" class="link-wrapper w-variant-b8836e81-1fc3-0ee2-0efd-fc4a6128ab2b w-inline-block"><p class="nav-text">Home</p><img loading="lazy" src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a041fbd08bda7ce4c21b515_3ce11f1650d8a9d9530e9e7d0d109fcc_Arrow.svg" alt="Orange arrow pointing right with thick borders and a gradient orange fill." class="arrow-link-icon"/></a><a data-wf--link-wrapper--variant="footer" href="#" class="link-wrapper w-variant-b8836e81-1fc3-0ee2-0efd-fc4a6128ab2b w-inline-block"><p class="nav-text">Works</p><img loading="lazy" src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a041fbd08bda7ce4c21b515_3ce11f1650d8a9d9530e9e7d0d109fcc_Arrow.svg" alt="Orange arrow pointing right with thick borders and a gradient orange fill." class="arrow-link-icon"/></a><a data-wf--link-wrapper--variant="footer" href="#" class="link-wrapper w-variant-b8836e81-1fc3-0ee2-0efd-fc4a6128ab2b w-inline-block"><p class="nav-text">About</p><img loading="lazy" src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a041fbd08bda7ce4c21b515_3ce11f1650d8a9d9530e9e7d0d109fcc_Arrow.svg" alt="Orange arrow pointing right with thick borders and a gradient orange fill." class="arrow-link-icon"/></a><a data-wf--link-wrapper--variant="footer" href="#" class="link-wrapper w-variant-b8836e81-1fc3-0ee2-0efd-fc4a6128ab2b w-inline-block"><p class="nav-text">Service</p><img loading="lazy" src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a041fbd08bda7ce4c21b515_3ce11f1650d8a9d9530e9e7d0d109fcc_Arrow.svg" alt="Orange arrow pointing right with thick borders and a gradient orange fill." class="arrow-link-icon"/></a></div></div><div class="footer-navigation"><p class="body-small bs-grey-400">Social</p><div class="footer-link-wrapper"><a data-wf--link-wrapper--variant="footer" href="https://www.instagram.com" target="_blank" class="link-wrapper w-variant-b8836e81-1fc3-0ee2-0efd-fc4a6128ab2b w-inline-block"><p class="nav-text">Instargam</p><img loading="lazy" src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a041fbd08bda7ce4c21b515_3ce11f1650d8a9d9530e9e7d0d109fcc_Arrow.svg" alt="Orange arrow pointing right with thick borders and a gradient orange fill." class="arrow-link-icon"/></a><a data-wf--link-wrapper--variant="footer" href="https://www.linkedin.com" target="_blank" class="link-wrapper w-variant-b8836e81-1fc3-0ee2-0efd-fc4a6128ab2b w-inline-block"><p class="nav-text">LinkedIn</p><img loading="lazy" src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a041fbd08bda7ce4c21b515_3ce11f1650d8a9d9530e9e7d0d109fcc_Arrow.svg" alt="Orange arrow pointing right with thick borders and a gradient orange fill." class="arrow-link-icon"/></a><a data-wf--link-wrapper--variant="footer" href="https://www.behance.net" target="_blank" class="link-wrapper w-variant-b8836e81-1fc3-0ee2-0efd-fc4a6128ab2b w-inline-block"><p class="nav-text">Behance</p><img loading="lazy" src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a041fbd08bda7ce4c21b515_3ce11f1650d8a9d9530e9e7d0d109fcc_Arrow.svg" alt="Orange arrow pointing right with thick borders and a gradient orange fill." class="arrow-link-icon"/></a><a data-wf--link-wrapper--variant="footer" href="https://dribbble.com" target="_blank" class="link-wrapper w-variant-b8836e81-1fc3-0ee2-0efd-fc4a6128ab2b w-inline-block"><p class="nav-text">Dribbble</p><img loading="lazy" src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/6a041fbd08bda7ce4c21b515_3ce11f1650d8a9d9530e9e7d0d109fcc_Arrow.svg" alt="Orange arrow pointing right with thick borders and a gradient orange fill." class="arrow-link-icon"/></a></div></div><div class="footer-navigation"><p class="body-small bs-grey-400">The Studio</p><div class="footer-address-wrapper"><p class="body-medium">Osvald studio hq</p><p class="body-medium">142 w 26th street</p><p class="body-medium">New York, ny 10001, us</p><p class="body-medium">[email protected]</p></div></div></div><div class="footer-form"><div class="contact-form"><div class="form-block w-form"><form id="wf-form-Email" name="wf-form-Email" data-name="Email" method="get" class="form" data-wf-page-id="6a14f67182ac22584531453a" data-wf-element-id="543482a5-76dc-b53e-61b0-81343ca0b873"><label for="Email" class="field-label">Email</label><input class="text-field w-input" maxlength="256" name="Email" data-name="Email" placeholder="Email" type="email" id="Email" required=""/><input type="submit" data-wait="Please wait..." aria-label="Submit registration" class="submit-button w-button" value="SUBMIT"/></form><div class="success-message w-form-done"><div>Thank you! Your submission has been received!</div></div><div class="error-message w-form-fail"><div>Oops! Something went wrong while submitting the form.</div></div></div></div><div class="footer-logo"><h2 class="display-large">Osvald.</h2></div></div><div class="bottom-bar-wrapper"><p class="body-small bs-grey-400">© 2026 Osvald by <a href="https://8am.design/contact-us" target="_blank">8AM</a>. All Rights Reserved</p><div class="footer-utility-wrapper">
81<a href="/license" class="nav-text nt-grey-300">License<br/></a><a href="/style-guide" class="nav-text nt-grey-300">Style Guide<br/></a><a href="/404" class="nav-text nt-grey-300">404<br/></a><a href="/changelog" class="nav-text nt-grey-300">Changelog<br/></a></div></div></div></div></section></div>
81<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6a03d4a14cb7a33ea825a681" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
81<script src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/js/webflow.schunk.a9838de7ea465b4c.js" type="text/javascript" integrity="sha384-5SMFHtPuVtaxUJwOWOdj8++Y0S6bl6aqCOBL/3HBqUhM7kctLrQL8IGrSA0ycAm5" crossorigin="anonymous"></script>
81<script src="https://cdn.prod.website-files.com/6a03d4a14cb7a33ea825a681/js/webflow.c22f0911.628187e41a4ab156.js" type="text/javascript" integrity="sha384-2PJGkJTg5wiw89MVtl1dqECnXuP4zGVpCd7Z6YRrcNG/QgxlcVnTXQugViIxbd9r" crossorigin="anonymous"></script>
81<script src="https://cdn.prod.website-files.com/gsap/3.15.0/gsap.min.js" type="text/javascript"></script>
81<script src="https://unpkg.com/[email protected]/dist/lenis.min.js"></script>
81 82
83<script> 84const lenis = new Lenis({ 85 lerp: 0.07, 86}); 87 88function raf(time) { 89 lenis.raf(time); 90 requestAnimationFrame(raf); 91} 92 93requestAnimationFrame(raf); 94</script>
94</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.