PageSourceSearch

https://osvald-architecture-template.webflow.io/project/dural-shift

html osvald-architecture-template.webflow.io collected 2026-10-03 13:33:46 UTC 34,980 bytes, 94 lines download raw bytes

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="[[[&quot;5c8d12f9-83c8-e53d-bde0-e2f915266031&quot;,&quot;5c8d12f9-83c8-e53d-bde0-e2f915266032&quot;],[&quot;559291f0-a182-01cf-d1fd-8983ba83f8ab&quot;]]]" 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="[[[&quot;5c8d12f9-83c8-e53d-bde0-e2f915266031&quot;,&quot;5c8d12f9-83c8-e53d-bde0-e2f915266036&quot;],[&quot;559291f0-a182-01cf-d1fd-8983ba83f8ab&quot;]]]" 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&#x27;s a new build, a renovation, or just an idea — we&#x27;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="[[[&quot;5c8d12f9-83c8-e53d-bde0-e2f915266031&quot;,&quot;5c8d12f9-83c8-e53d-bde0-e2f915266032&quot;],[&quot;deb3f3bd-8c7d-4642-e77c-77ba607c24d2&quot;,&quot;2ef177b0-6b37-e436-0057-d18b7bfde994&quot;]]]" 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="[[[&quot;5c8d12f9-83c8-e53d-bde0-e2f915266031&quot;,&quot;5c8d12f9-83c8-e53d-bde0-e2f915266036&quot;],[&quot;deb3f3bd-8c7d-4642-e77c-77ba607c24d2&quot;,&quot;2ef177b0-6b37-e436-0057-d18b7bfde994&quot;]]]" 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.