CINXE.COM

<!DOCTYPE html><html data-wf-domain="templates.webflow.com" data-wf-page="641b464e78789fc0045d443f" data-wf-site="5e593fb060cf87bbaf75dd20" data-wf-intellimize-customer-id="117373061" lang="en" data-wf-experiences="417225050" data-wf-collection="641b464e78789f611a5d4496" data-wf-item-slug="ark-studio-architecture-website-template"><head><meta charset="utf-8"/><base href="/templates"/><title>Ark Studio Website Page Template for Webflow</title><meta content="A Architecture HTML5 responsive website template for your Architecture website. Customize it with Webflow's web design tools and connect it to our powerful CMS." name="description"/><meta content="Ark Studio Website Page Template for Webflow" property="og:title"/><meta content="A Architecture HTML5 responsive website template for your Architecture website. Customize it with Webflow's web design tools and connect it to our powerful CMS." property="og:description"/><meta content="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/64489dbefe850864db69fdef_thumbnail.jpeg" property="og:image"/><meta content="Ark Studio Website Page Template for Webflow" property="twitter:title"/><meta content="A Architecture HTML5 responsive website template for your Architecture website. Customize it with Webflow's web design tools and connect it to our powerful CMS." property="twitter:description"/><meta content="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/64489dbefe850864db69fdef_thumbnail.jpeg" property="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/5e593fb060cf87bbaf75dd20/css/template-marketplace.webflow.68ee7651c.min.css" rel="stylesheet" type="text/css"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/><script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script><script type="text/javascript">WebFont.load({ google: { families: ["Roboto Mono:regular,500","Inter:regular,500","Inter:regular,600"] }});</script><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><link href="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/653949c63e726bdc04af1065_favicon.ico" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/653949cd97969661bd928932_webclip.png" rel="apple-touch-icon"/><style>.anti-flicker, .anti-flicker * {visibility: hidden !important; opacity: 0 !important;}</style><style>[data-wf-hidden-variation], [data-wf-hidden-variation] * { display: none !important; }</style><script type="text/javascript">localStorage.removeItem('intellimize_opt_out_117373061'); if (localStorage.getItem('intellimize_data_tracking_type') !== 'always') { localStorage.setItem('intellimize_data_tracking_type', 'always'); }</script><script type="text/javascript">(function(e,t,p){var n=document.documentElement,s={p:[],r:[]},u={p:s.p,r:s.r,push:function(e){s.p.push(e)},ready:function(e){s.r.push(e)}};e.intellimize=u,n.className+=" "+p,setTimeout(function(){n.className=n.className.replace(RegExp(" ?"+p),"")},t)})(window, 4000, 'anti-flicker')</script><link href="https://cdn.intellimize.co/snippet/117373061.js" rel="preload" as="script"/><script type="text/javascript">var wfClientScript=document.createElement("script");wfClientScript.src="https://cdn.intellimize.co/snippet/117373061.js",wfClientScript.async=!0,wfClientScript.onerror=function(){document.documentElement.className=document.documentElement.className.replace(RegExp(" ?anti-flicker"),"")},document.head.appendChild(wfClientScript);</script><link href="https://api.intellimize.co" rel="preconnect" crossorigin="true"/><link href="https://log.intellimize.co" rel="preconnect" crossorigin="true"/><link href="https://117373061.intellimizeio.com" rel="preconnect"/><link href="rss.xml" rel="alternate" title="RSS Feed" type="application/rss+xml"/><script async="" src="https://www.googletagmanager.com/gtag/js?id=UA-34677682-36"></script><script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('js', new Date());gtag('config', 'UA-34677682-36', {'anonymize_ip': false});</script>  <script type='text/javascript' src="https://cdn.jsdelivr.net/gh/webflow/brand_studio@latest/global-brand-code/brand-head-scripts.js"></script> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="google-site-verification" content="iy6FyGpYh9LOjk-xMM3E0Wk2Ay6cGRGEY6IRbny6xB8" /> <meta property="fb:pages" content="149158061793615" /> <meta name="theme-color" content="#146ef5" />    <meta name="p:domain_verify" content="036f26a5cf411a605048d3b84322ad6d"/>  <script type='text/javascript' src="https://webflow.com/resources/marketing-head.js"></script>  <script> var signupModalExpName = "growth_marketing_site_signup_modal_2022_11"; wf_experiments.initExperiments([ { name: signupModalExpName, target: "logged_out", type: "custom", callback: function experimentVariantCallback(variant) { if (variant === "treatment") { wf_utils.signupModalUtils.selectModalVariant("treatment"); } else { wf_utils.signupModalUtils.selectModalVariant("control"); } wf_utils.onDocumentReady(function () { // Experiment will get assigned only if the signup modal is open: wf_utils.signupModalUtils.addModalOpenListener(function () { wf_experiments.assignExperiment(signupModalExpName); }); }); } } ]); </script> <style> ::selection { background: #146ef5 !important; color: white !important; } </style><link rel="canonical" href="https://webflow.com/templates/html/ark-studio-architecture-website-template" />  <style> .w-webflow-badge { display: none !important; } .section.cc-templates-slider { overflow-x: hidden; } .templates_rtf figure { max-width: 100%; width: 100%; } #Responsivedesign { order: 15; } #Responsivenavigation { order: 14; } #Responsiveslider { order: 8; } #Medialightbox { order: 13; } #Backgroundvideo { order: 12; } #Interactions { order: 11; } #Forms { order: 10; } #Symbols { order: 9; } #CSSGrid { order: 8; } #Custom404page { order: 7; } #3Dtransforms { order: 6; } #Webfonts { order: 5; } #Retinaready { order: 4; } #Contentmanagementsystem { order: 18; } #Ecommerce { order: 17; } #memberships { order: 36; } img[src*="placeholder"] { display: none; } </style> <script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "Product", "name": "Ark Studio – Architecture Template", "image": "https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/64489dbefe850864db69fdef_thumbnail.jpeg", "description": "A Architecture HTML5 responsive website template for your Architecture website. Customize it with Webflow's web design tools and connect it to our powerful CMS.", "brand": { "@type": "Thing", "name": "Webflow" }, "offers": { "@type": "Offer", "priceCurrency": "USD", "price": "$79 USD" } } </script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "BreadcrumbList", "itemListElement": [{ "@type": "ListItem", "position": 1, "item": { "@id": "https://webflow.com/", "name": "Webflow" } },{ "@type": "ListItem", "position": 2, "item": { "@id": "https://webflow.com/templates", "name": "Templates" } },{ "@type": "ListItem", "position": 3, "item": { "@id": "https://webflow.com/templates/tag/architecture-websites", "name": "Architecture Websites" } },{ "@type": "ListItem", "position": 4, "item": { "@id": "https://webflow.com/templates/html/ark-studio-architecture-website-template", "name": "Ark Studio" } }] } </script>  <meta property="og:site_name" content="Webflow" /> <meta property="og:type" content="article"> <meta property="og:url" content="https://webflow.com/templates/html/ark-studio-architecture-website-template"> <meta property="og:image:width" content="2400" /> <meta property="og:image:height" content="1260" /> <meta property="og:image:secure_url" content="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/64489dbefe850864db69fdef_thumbnail.jpeg" />  <meta name="twitter:url" content="https://webflow.com/templates/html/ark-studio-architecture-website-template"> <meta name="twitter:domain" value="webflow.com/templates" /> <meta name="twitter:title" content="Ark Studio"> <meta name="twitter:description" content="Ark Studio is a minimalistic and animated Webflow Template created with Architecture and Interior Design agencies in mind. It features creative layouts, sophisticated CMS and Ecommerce set-up."> <meta name="twitter:image" content="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/64489dbefe850864db69fdef_thumbnail.jpeg"> <meta name="twitter:site" content="@webflow"> <meta name="twitter:creator" content="@webflow"> <meta name="twitter:label1" value="Created by" /> <meta name="twitter:data1" value="Wavesdesign" /> <meta name="twitter:label2" value="Published on" /> <meta name="twitter:data2" value="Oct 28, 2024" /> <meta name="twitter:card" content="summary_large_image"><script src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20%2F652d31f3dc22d7b4ee708e44%2F66105d2def5dc885463964ae%2Fclarity_script-2.9.8.js" type="text/javascript"></script></head><body><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div style="background-color:#4353ff" role="listitem" class="notification_bar hide w-dyn-item"><div class="notification_richtext w-richtext"><p>Get 50% off on all templates until Dec 3, 11:59pm PT! Code: <strong>1128CWWFTS123</strong></p></div><a data-wf-native-id-path="df58bfdd-3eba-f6bf-e090-968a3a2e97e2:f3533bd2-9961-447d-b313-d724a4877f74_instance-0" href="#" class="notification_link w-inline-block w-condition-invisible"></a><div class="w-embed"><style> .notification_richtext p::selection, .notification_richtext p strong::selection { background-color: #2a2a2a; } </style></div></div></div></div><div class="sb-nav-wrapper"><a id="skip-link" data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853bad" href="#main" class="g-nav-skip-2">Skip to main content</a><div data-w-id="508d6060-3b1c-4c07-5193-b7f452853baf" data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease-out-quart" data-easing2="ease" role="banner" class="sb-nav w-nav"><div class="sb-main_nav_container"><a href="https://webflow.com/?r=0" data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853bb1" class="sb-brand w-nav-brand"><div class="sb-brand-logo w-embed"><svg width="auto" height="auto" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M15.3333 4L11.2915 12H7.49516L9.18663 8.68446H9.11074C7.71528 10.5186 5.63323 11.726 2.66663 12V8.73034C2.66663 8.73034 4.56444 8.61685 5.6801 7.42922H2.66663V4.00006H6.05345V6.8205L6.12947 6.82018L7.51344 4.00006H10.0748V6.80261L10.1508 6.80249L11.5867 4H15.3333Z" fill="currentColor"></path></svg></div></a><div class="g-nav_menu-mobile"><div id="continue-nav-mobile" data-signup-cta="1" class="sb-nav_menu-right cc-mobile"><a href="https://webflow.com/dashboard/signup" data-signup-cta="1" data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853bb5" class="sb-nav_menu-link_wrapper-mobile w-nav-link">Get started <span class="sb-nav-text_desktop">— it's free</span></a></div><div id="g-nav-icon" aria-label="Menu" class="sb-nav_menu-button w-nav-button"><div data-is-ix2-target="1" class="sb-nav_menu-button-icon" data-w-id="508d6060-3b1c-4c07-5193-b7f452853bba" data-animation-type="lottie" data-src="https://cdn.prod.website-files.com/5f1a22ca3b746e2f46cafd62/5f1a22ca3b746e32a7cafdbb_nav.json" data-loop="0" data-direction="1" data-autoplay="0" data-renderer="svg" data-default-duration="1.5" data-duration="0" data-ix2-initial-state="20"></div></div></div><nav role="navigation" class="sb-nav_menu w-nav-menu"><div class="sb-nav_menu-mobile-flex"><ul role="list" class="sb-nav_menu-left w-list-unstyled"><li data-logged-in-display="flex" class="sb-nav_menu-list_item"><a href="https://webflow.com/dashboard" data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853bbf" class="sb-nav_menu-link_wrapper w-nav-link">Dashboard</a></li><li data-logged-in-display="none" class="sb-nav_menu-list_item u-d-none"><div data-delay="0" data-hover="false" class="sb-nav_menu-dropdown_wrapper w-dropdown"><div class="sb-nav_menu-dropdown_toggle w-dropdown-toggle"><div>Product</div><div class="sb-nav_menu-dropdown-icon w-embed"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.00002 9.29293L10.6465 6.64648L11.3536 7.35359L8.00002 10.7071L4.64647 7.35359L5.35358 6.64648L8.00002 9.29293Z" fill="currentColor"></path></svg></div></div><nav class="sb-nav_menu-dropdown w-dropdown-list"><ul role="list" class="sb-nav-menu-dropdown-list w-list-unstyled"><li class="sb-nav-menu-dropdown-list-item"><a data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853bca" href="https://webflow.com/designer?utm_source=marketplace" class="sb-nav_menu-dropdown-link w-inline-block"><div>Designer</div></a></li><li class="sb-nav-menu-dropdown-list-item"><a data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853bce" href="https://webflow.com/cms?utm_source=marketplace" class="sb-nav_menu-dropdown-link w-inline-block"><div>CMS</div></a></li><li class="sb-nav-menu-dropdown-list-item"><a data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853bd2" href="https://webflow.com/ecommerce?utm_source=marketplace" class="sb-nav_menu-dropdown-link w-inline-block"><div>Ecommerce</div></a></li><li class="sb-nav-menu-dropdown-list-item"><a data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853bd6" href="https://webflow.com/interactions-animations?utm_source=marketplace" class="sb-nav_menu-dropdown-link w-inline-block"><div>Interactions</div></a></li><li class="sb-nav-menu-dropdown-list-item"><a data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853bda" href="https://webflow.com/localization?utm_source=marketplace" class="sb-nav_menu-dropdown-link w-inline-block"><div>Localization</div></a></li><li class="sb-nav-menu-dropdown-list-item"><a data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853bde" href="https://webflow.com/edit-mode?utm_source=marketplace" class="sb-nav_menu-dropdown-link w-inline-block"><div>Edit mode</div></a></li><li class="sb-nav-menu-dropdown-list-item"><a data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853be2" href="https://webflow.com/seo?utm_source=marketplace" class="sb-nav_menu-dropdown-link w-inline-block"><div>SEO</div></a></li><li class="sb-nav-menu-dropdown-list-item"><a data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853be6" href="https://webflow.com/security?utm_source=marketplace" class="sb-nav_menu-dropdown-link w-inline-block"><div>Security</div></a></li><li class="sb-nav-menu-dropdown-list-item"><a data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853bea" href="https://webflow.com/hosting?utm_source=marketplace" class="sb-nav_menu-dropdown-link w-inline-block"><div>Hosting</div></a></li></ul></nav></div></li><li class="sb-nav_menu-list_item"><div data-delay="0" data-hover="false" class="sb-nav_menu-dropdown_wrapper w-dropdown"><div class="sb-nav_menu-dropdown_toggle w-dropdown-toggle"><div>Marketplace</div><div class="sb-nav_menu-dropdown-icon w-embed"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.00002 9.29293L10.6465 6.64648L11.3536 7.35359L8.00002 10.7071L4.64647 7.35359L5.35358 6.64648L8.00002 9.29293Z" fill="currentColor"></path></svg></div></div><nav class="sb-nav_menu-dropdown w-dropdown-list"><ul role="list" class="sb-nav-menu-dropdown-list w-list-unstyled"><li class="sb-nav-menu-dropdown-list-item"><a data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853bf6" href="https://webflow.com/marketplace" class="sb-nav_menu-dropdown-link w-inline-block"><div>Overview</div></a></li><li class="sb-nav-menu-dropdown-list-item"><a data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853bfa" href="https://webflow.com/apps?utm_source=marketplace" class="sb-nav_menu-dropdown-link w-inline-block"><div>Apps</div></a></li><li class="sb-nav-menu-dropdown-list-item"><a data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853bfe" href="https://webflow.com/libraries?utm_source=marketplace" class="sb-nav_menu-dropdown-link w-inline-block"><div>Libraries</div></a></li><li class="sb-nav-menu-dropdown-list-item"><a data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853c02" href="https://experts.webflow.com/?utm_source=marketplace" class="sb-nav_menu-dropdown-link w-inline-block"><div>Hire a Certified Partner</div></a></li><li class="sb-nav-menu-dropdown-list-item"><a data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853c06" href="https://webflow.com/templates?utm_source=marketplace" class="sb-nav_menu-dropdown-link w-inline-block"><div>Templates</div></a></li><li class="sb-nav-menu-dropdown-list-item"><a data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853c0a" href="https://webflow.com/made-in-webflow?utm_source=marketplace" class="sb-nav_menu-dropdown-link w-inline-block"><div>Made in Webflow</div></a></li></ul></nav></div></li><li class="sb-nav_menu-list_item"><a href="https://university.webflow.com/?utm_source=marketplace" data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853c0e" class="sb-nav_menu-link_wrapper w-nav-link">Learn</a></li><li class="sb-nav_menu-list_item cc-last"><div data-delay="0" data-hover="false" class="sb-nav_menu-dropdown_wrapper w-dropdown"><div class="sb-nav_menu-dropdown_toggle w-dropdown-toggle"><div>Resources</div><div class="sb-nav_menu-dropdown-icon w-embed"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.00002 9.29293L10.6465 6.64648L11.3536 7.35359L8.00002 10.7071L4.64647 7.35359L5.35358 6.64648L8.00002 9.29293Z" fill="currentColor"></path></svg></div></div><nav class="sb-nav_menu-dropdown w-dropdown-list"><ul role="list" class="sb-nav-menu-dropdown-list w-list-unstyled"><li class="sb-nav-menu-dropdown-list-item"><a data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853c19" href="https://webflow.com/community?utm_source=marketplace" class="sb-nav_menu-dropdown-link w-inline-block"><div>Community</div></a></li><li class="sb-nav-menu-dropdown-list-item"><a data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853c1d" href="https://ebooks.webflow.com/?utm_source=marketplace" class="sb-nav_menu-dropdown-link w-inline-block"><div>Ebooks</div></a></li><li class="sb-nav-menu-dropdown-list-item"><a data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853c21" href="https://forum.webflow.com/?utm_source=marketplace" class="sb-nav_menu-dropdown-link w-inline-block"><div>Forum</div></a></li><li class="sb-nav-menu-dropdown-list-item"><a data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853c25" href="https://webflow.com/blog?utm_source=marketplace" class="sb-nav_menu-dropdown-link w-inline-block"><div>Blog</div></a></li><li class="sb-nav-menu-dropdown-list-item cc-last"><a data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853c29" href="https://support.webflow.com/" class="sb-nav_menu-dropdown-link cc-last w-inline-block"><div>Support</div></a></li></ul></nav></div></li></ul><div class="sb-nav_menu-right"><a id="continue-nav" href="https://webflow.com/dashboard/signup" data-signup-cta="1" data-wf-native-id-path="10cb8ec8-663b-ef9f-f064-322df8a053f7:508d6060-3b1c-4c07-5193-b7f452853c2d" class="button-sp cc-nav w-nav-link">Get started <span class="sb-nav-text_desktop">— it's free</span></a></div></div></nav></div></div><div class="sb-modal_wrap"><div class="sb-modal-box"><div data-modal-close="treatment" class="sb-modal_x modal-close_btn"></div><div class="sb-modal-image"><img sizes="100vw" srcset="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/670408bf7a43077b56888ae3_sign-in-designer.webp 500w, https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/670408bf7a43077b56888ae3_sign-in-designer.webp 800w, https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/670408bf7a43077b56888ae3_sign-in-designer.webp 1080w, https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/670408bf7a43077b56888ae3_sign-in-designer.webp 1600w, https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/670408bf7a43077b56888ae3_sign-in-designer.webp 2000w, https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/670408bf7a43077b56888ae3_sign-in-designer.webp 2880w" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/670408bf7a43077b56888ae3_sign-in-designer.webp" loading="lazy" class="sb-modal-image-img cc-desktop"/><img sizes="100vw" srcset="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/670408c17a43077b56888b7e_sign-in-designer-mobile.webp 500w, https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/670408c17a43077b56888b7e_sign-in-designer-mobile.webp 800w, https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/670408c17a43077b56888b7e_sign-in-designer-mobile.webp 1080w, https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/670408c17a43077b56888b7e_sign-in-designer-mobile.webp 1600w, https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/670408c17a43077b56888b7e_sign-in-designer-mobile.webp 1800w" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/670408c17a43077b56888b7e_sign-in-designer-mobile.webp" loading="lazy" class="sb-modal-image-img cc-tablet"/></div><div id="w-node-_508d6060-3b1c-4c07-5193-b7f452853c37-52853bac" class="sb-modal-login"><div><div class="sb-modal_embed experiment w-embed w-iframe"><iframe data-modal-variant="treatment" style="display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%;" frameBorder="0"></iframe></div></div><div class="sb-modal-logos"><div class="eyebrow u-text-center">Trusted by teams at</div><div class="sb-modal-logos_wrapper cc-test"><img loading="eager" height="19" alt="Ideo" src="https://cdn.prod.website-files.com/65f86a0a4788f5cc72f4cd65/65f86a0a4788f5cc72f4cdf4_ideo.svg" class="sb-modal-logos_img"/><img loading="eager" height="24" alt="Monday.com" src="https://cdn.prod.website-files.com/65f86a0a4788f5cc72f4cd65/65f86a0a4788f5cc72f4cd9c_monday.com.svg" class="sb-modal-logos_img"/><img loading="eager" height="20" alt="BBDO" src="https://cdn.prod.website-files.com/65f86a0a4788f5cc72f4cd65/65f86a0a4788f5cc72f4cdfb_bbdo.svg" class="sb-modal-logos_img"/><img loading="eager" height="22" alt="The New York Times" src="https://cdn.prod.website-files.com/65f86a0a4788f5cc72f4cd65/65f86a0a4788f5cc72f4cda2_nytimes.svg" class="sb-modal-logos_img cc-low"/><img loading="eager" height="20" alt="Ted" src="https://cdn.prod.website-files.com/65f86a0a4788f5cc72f4cd65/65f86a0a4788f5cc72f4cd99_TED.svg" class="sb-modal-logos_img"/><img loading="eager" height="15" alt="Philips" src="https://cdn.prod.website-files.com/65f86a0a4788f5cc72f4cd65/65f86a0a4788f5cc72f4cd95_philips.svg" class="sb-modal-logos_img"/></div></div></div></div><div data-modal-trigger="treatment" class="sb-modal_trigger"></div></div><div class="g-nav-css w-embed"><style> * { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-underline-position: under; } a { color: inherit; } input, select, textarea { -webkit-appearance: none; -moz-appearance: none; } /* Lowering z-index so that it's below the nav when opened */ .w-webflow-badge { z-index: 100 !important; } ::selection { background: rgb(67, 83, 255); /* Bright Blue */ color: white; } ::-moz-selection { background: rgb(67, 83, 255); /* Bright Blue */ color: white; } /* Nav styling and focus states */ .g-nav_menu-section_link:hover .g-nav_menu-section_link-heading, .g-nav_menu-section_link:focus .g-nav_menu-section_link-heading, .g-nav_menu-section_link-row:hover .g-nav_menu-section_link-heading, .g-nav_menu-section_link-row:focus .g-nav_menu-section_link-heading { text-decoration: underline; } .g-nav_menu-section_link:hover .g-nav_menu-beta_tag, .g-nav_menu-section_link:focus .g-nav_menu-beta_tag { text-decoration: none !important; } .g-nav *:focus { outline: none !important; } /* On smaller desktop devices, there is a lack of packing on both the meganav, and the dropdown, that needs to be compensated accordingly */ @media (min-width:992px) and (max-width: 1320px) { .g-nav { padding: 0px 20px; } .g-nav_menu-content_block { padding-right: 20px; } .g-nav_menu-grid-left { padding-left: 20px; } } @media (max-width:991px) { .g-nav_menu { height: 100vh; height: calc(var(--vh, 1vh) * 100 + 4px) !important; } } .mp-gradient { pointer-events: none; } </style></div><div class="g-nav-js w-embed w-script"><script> //Close modal when pressing the Esc key window.addEventListener('keyup', function(event) { if (event.which === 27) { console.log('Esc') var modalClose = document.getElementById('g-modal-close'); modalClose.click(); } }); //Lock body scroll when nav is open window.addEventListener('DOMContentLoaded', (event) => { $('.g-nav_menu-button, .w-nav-overlay').click(function() { if ($('body').css('overflow') !== 'hidden') { $('body').css('overflow', 'hidden'); } else { $('body').css('overflow', 'auto'); } }); }); //Cover 100% of the iOS height const setVh = () => { const vh = window.innerHeight * 0.01; document.documentElement.style.setProperty('--vh', `${vh}px`); }; window.addEventListener('load', setVh); window.addEventListener('resize', setVh); </script></div></div><div data-w-id="12261939-2e92-566b-21d2-3e8f2d851b11" class="template-hero"><div class="container"><div class="mp-template-hero"><div class="mp-breadcrumbs cc-template-hero"><a data-wf-native-id-path="a1b39257-fff1-2a7a-c8de-b732cf921a9b" href="https://webflow.com/marketplace" class="w-inline-block"><img src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67193a88ae92358f7954ff32_Marketplace.svg" loading="lazy" alt="Marketplace"/></a><div class="mp-breadcrumb-divider w-embed"><svg aria-hidden="true" alt="" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.75849 5.62486L4.82227 3.36593L5.67643 2.63379L8.2402 5.62486L5.67643 8.61593L4.82227 7.88379L6.75849 5.62486Z" fill="#757575" /> </svg></div><a href="https://webflow.com/templates" data-wf-native-id-path="b815142f-9101-b5fd-3b57-c8e763b5fb19" class="u-text-blue u-text-none u-text-medium">Templates</a><div class="mp-breadcrumb-divider w-embed"><svg aria-hidden="true" alt="" width="12" height="12" viewBox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M6.75849 5.62486L4.82227 3.36593L5.67643 2.63379L8.2402 5.62486L5.67643 8.61593L4.82227 7.88379L6.75849 5.62486Z" fill="#757575" /> </svg></div><div class="w-dyn-list"><div id="parentCategory" role="list" class="flex_wrapper w-dyn-items"><div role="listitem" class="w-dyn-item"><a href="/templates/category/architecture-and-design-websites" data-wf-native-id-path="2131f2bd-76e1-4d95-d5b9-1fd455c1d90a_instance-0" class="u-text-blue u-text-none u-text-medium">Architecture & Design</a></div><div role="listitem" class="w-dyn-item"><a href="/templates/category/portfolio-and-agency-websites" data-wf-native-id-path="2131f2bd-76e1-4d95-d5b9-1fd455c1d90a_instance-1" class="u-text-blue u-text-none u-text-medium">Portfolio & Agency</a></div></div></div></div><div class="templates-hero_flexrow"><div class="templates-hero_flexrow_cell"><div class="mp-designer-row"><div class="w-embed"><h1 class="h4">Ark Studio - <span id="parentCategoryName"></span> Website Template</h1> <p class="publish-date" style="display: none;">Apr 25, 2023</p></div><a data-wf-native-id-path="7219024c-cd41-51c2-a521-7c67c6e7638a" href="/templates/designers/wavesdesign" class="template-designer-link w-inline-block"><img src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/66fb8dc649852eb0c210e733_1727761114965_462056686_Logo.png" loading="lazy" alt="" class="template-designer-icon"/><div class="template-designer-name">Wavesdesign</div></a></div></div><div class="templates-hero_flexrow_cell cc-longer"><div class="templates_button-flexrow mp-mobile-grid"><div data-delay="0" data-hover="false" id="filter-sort-toggle-3" fs-cmssort-element="trigger" data-w-id="5e3ec3a3-c2dc-29af-f30a-a3b850494ee2" class="dropdown-preview-wrapper w-node-_5e3ec3a3-c2dc-29af-f30a-a3b850494ee2-045d443f w-dropdown"><div class="dropdown-preview-toggle w-dropdown-toggle"><div fs-cmssort-element="dropdown-label" class="dropdown-preview-toggle-label">Preview</div><img style="-webkit-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-moz-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);-ms-transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0);transform:translate3d(0, 0, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0deg) skew(0, 0)" loading="lazy" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/66a2fe2870e548a4ca997bd3_accordionControl.svg" class="fs-dropdown-arrow"/></div><nav fs-cmssort-element="options" class="preview-dropdown-list w-dropdown-list"><div class="preview-dropdown-item-wrapper"><a href="https://ark-studio-template.webflow.io/homepage" target="_blank" class="preview-dropdown-item w-dropdown-link">Preview in browser</a></div><div class="preview-dropdown-item-wrapper"><a href="https://preview.webflow.com/preview/ark-studio-template?utm_medium=preview_link&utm_source=designer&utm_content=ark-studio-template&preview=e320fbcef049acd5d013fab460ec74e3&pageId=6433b9623f44a778f1754d02&workflow=preview" target="_blank" class="preview-dropdown-item w-dropdown-link">Preview in Webflow</a></div></nav></div><a data-wf-native-id-path="23c45444-766e-ca2f-7fc5-501cc1e3dc15" href="https://calendly.com/webflow-template-services-tj0/webflow-template-services-intro-call" target="_blank" class="button-large cc-schedule w-inline-block"><div>Schedule a call</div></a><a id="hero-browser-preview" data-wf-native-id-path="39482e44-c799-1c9c-8544-49801f494934" href="https://ark-studio-template.webflow.io/homepage" target="_blank" class="button-sp cc-white u-hidden-tablet w-inline-block"><div class="u-d-inline-block">Preview in browser</div></a><a id="hero-designer-preview" data-wf-native-id-path="1863eb97-c362-a644-0f5a-59f1137f4763" href="https://preview.webflow.com/preview/ark-studio-template?utm_medium=preview_link&utm_source=designer&utm_content=ark-studio-template&preview=e320fbcef049acd5d013fab460ec74e3&pageId=6433b9623f44a778f1754d02&workflow=preview" target="_blank" class="button-sp cc-white u-hidden-tablet w-inline-block"><div class="u-d-inline-block">Preview in Webflow</div></a><a data-wf-native-id-path="7ea5f4b9-29ea-9c18-5111-cd1318101267" href="#" class="button-sp cc-purchase w-inline-block"><div class="button_buy-title">Buy</div><div class="button_buy-price">$79 USD</div></a><a data-wf-native-id-path="a53eff3b-4e57-3c56-88f5-1b81f0f3e37f" href="#" class="button-sp cc-purchase w-inline-block w-condition-invisible"><div class="button_buy-title cc-free">Use for free</div></a></div></div></div></div></div></div><div class="section cc-templates-slider"><div class="container"><div class="templates-slider-mask new"><div class="w-dyn-list"><script type="text/x-wf-template" id="wf-template-43cc4f55-4bd8-60c0-a3d4-a6744d03f0d0">%3Cdiv%20role%3D%22listitem%22%20class%3D%22owl-slider_item%20w-dyn-item%20w-dyn-repeater-item%22%3E%3Cimg%20alt%3D%22%22%20src%3D%22https%3A%2F%2Fcdn.prod.website-files.com%2F5e593fb060cf877cf875dd1f%2F64489dbefe850807d069fdeb_gallery1min.jpeg%22%20loading%3D%22eager%22%2F%3E%3C%2Fdiv%3E</script><div id="owl-carousel" role="list" class="owl-carousel w-dyn-items"><div role="listitem" class="owl-slider_item w-dyn-item w-dyn-repeater-item"><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/64489dbefe850807d069fdeb_gallery1min.jpeg" loading="eager"/></div><div role="listitem" class="owl-slider_item w-dyn-item w-dyn-repeater-item"><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/64489dbefe8508aa1269fdea_gallery2min.jpeg" loading="eager"/></div><div role="listitem" class="owl-slider_item w-dyn-item w-dyn-repeater-item"><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/64489dbefe85084b7169fdee_gallery3min.jpeg" loading="eager"/></div><div role="listitem" class="owl-slider_item w-dyn-item w-dyn-repeater-item"><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/64489dbefe850884a069fded_gallery4min.jpeg" loading="eager"/></div><div role="listitem" class="owl-slider_item w-dyn-item w-dyn-repeater-item"><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/64489dbefe85089e4c69fdec_gallery5min.jpeg" loading="eager"/></div></div><div class="w-dyn-hide w-dyn-empty"><div>No items found.</div></div></div></div><div class="services_toast"><div class="services-toaster_heading_wrapper"><img src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/643f221cf52d915097aa3365_icon%20(2).svg" loading="lazy" alt="" class="cc-service_icon tm_detail"/><h4 class="h4_services-toast">Customize this template</h4></div><div class="serv_toast--content"><p>Schedule a time with a Webflow expert to customize this template.<a href="#" data-wf-native-id-path="1b04c9ab-214a-abb0-7ced-713490a56b6a"><span> Learn mor</span>e</a></p><a data-wf-native-id-path="00b00879-b94c-207f-fb81-a24dea5f19c3" href="https://calendly.com/webflow-template-services-tj0/webflow-template-services-intro-call" target="_blank" class="button cc-services_detail w-button">Get started</a></div></div><div id="slider-nav" class="mp-slider-nav"><div class="w-embed w-script"><style> .owl-dots { display: none; } #owl-carousel { position: relative; } .owl-item { display: inline-block; } .owl-nav { width: 100%; justify-content: center; align-items: center; column-gap: 8px; display: flex; } .owl-next, .owl-prev { width: 40px; height: 40px; font-size: 0; background-repeat: no-repeat; background-position: center; background-size: 24px; background-color: transparent; border-radius: 2px; transition: background-color 0.3s ease; } .owl-next:hover, .owl-prev:hover { background-color: #0000000A; } .owl-next { background-image: url('https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67118ae96b0c1e7f94b86f79_Arrow-Right.svg'); } .owl-prev { background-image: url('https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67118aea3d3890950ec09370_Arrow-Left.svg'); } </style>  <script> // Wait for DOM to be ready document.addEventListener('DOMContentLoaded', function() { // Find the elements const sliderNav = document.getElementById('slider-nav'); const owlNav = document.querySelector('.owl-nav'); // Check if both elements exist if (sliderNav && owlNav) { // Move the owl-nav into slider-nav sliderNav.appendChild(owlNav); } }); </script></div></div></div></div><div class="section mp-margin"><div class="container"><div class="mp-template-text"><div class="mp-template-text-wrap"><p class="branded-display-subtitle">Ark Studio is a minimalistic and animated Webflow Template created with Architecture and Interior Design agencies in mind. It features creative layouts, sophisticated CMS and Ecommerce set-up.</p><div data-duration-in="300" data-duration-out="100" id="templateDetails" data-current="Overview" data-easing="ease" class="mp-template-tab w-tabs"><div class="w-tab-menu"><a data-w-tab="Overview" class="tab-link w-inline-block w-tab-link w--current"><div>Overview</div></a><a data-w-tab="License" class="tab-link w-inline-block w-tab-link"><div>License</div></a><a data-w-tab="Support" class="tab-link support w-inline-block w-tab-link"><div>Support</div></a><a data-w-tab="Comments" class="tab-link comments w-inline-block w-tab-link"><div>Comments</div></a><a data-w-tab="FAQ" class="tab-link w-inline-block w-tab-link"><div>FAQ</div></a></div><div class="tab-content-wrapper w-tab-content"><div data-w-tab="Overview" class="w-tab-pane w--tab-active"><div class="long-description"><div id="longDescription" class="rte w-node-df074f28-c5d7-4c98-7ce7-6d77b72a9195-045d443f w-richtext"><p>Ark Studio is a minimalistic and animated Webflow template designed specifically for architecture and interior design agencies. It offers creative layouts, a sophisticated CMS, and an E-commerce setup.</p><p>The template includes two CMS collections: Projects and Blog. The Projects collection includes multiple rich text fields and galleries, allowing you to delve deeper into each project. The Blog collection is simple and allows you to quickly add company updates.</p><p>Currently, the E-commerce setup is configured for selling company magazines, but it can easily be extended to sell other physical products, as well as services.</p><p></p><p><img src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/64489dbefe8508795669fe10_643611cdc6fc9e7add9e2f81_Sales.jpeg"></p><p></p>One of the standout features of Ark Studio Template is the included Figma file. This is a great resource if you're planning to hire a Webflow specialist to customize your website, as they will be able to easily explore new design options using the predefined styles. To get your hands on the Figma file, simply email us at <a href="mailto:templates@wavesdesign.io" target="_new">templates@wavesdesign.io</a> with your order confirmation and we'll be happy to share it with you.<p></p><p><img src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/64489dbefe8508f82369fe0f_643611cd189a4835732ca096_Figma.jpeg"></p><p></p><h2>Ark Studio template features:</h2><ul><li><strong>Responsive</strong> - Ark Studio is optimized to offer a frictionless experience on every screen. No matter how you combine our sections, they will look good on desktop, tablet, and phone.</li><li><strong>Premium, custom, simply great</strong> - yes, we know... it's easy to say it, but that's the fact. We did put a lot of thought into the template. Ark Studio was designed by an award-winning designer. Layouts you will find in our template are custom made to fit the industry after carefully made research.</li><li><strong>Optimised for speed</strong> - we used our best practices to make sure your new website loads fast. All of the images are compressed to have as little size as possible. Whenever possible we used vector formats - the format made for the web.</li><li><strong>Reusable animations</strong> - both complex and simple animations are an inseparable element of modern website. We created our animations in a way that can be easily reused even by Webflow beginners.</li><li><strong>Modular</strong> - our template is modular, meaning you can combine different sections as well as single elements, like buttons, images, etc. with each other without losing on consistency of the design. Long story short, different elements will always look good together.</li><li><strong>100% customisable</strong> - on top of being modular Ark Studio was created using the best Webflow techniques, like: global Color Swatches, reusable classes, components and more.</li><li><strong>Content Management System (CMS)</strong> - Ark Studio includes a projects and blog collection that's made on the powerful Webflow CMS. This will let you add new content extremely easily</li><li><strong>ECommerce</strong> - Ark Studio comes with eCommerce set up, so you can start selling your services straight away.</li><li><strong>Documented</strong> - We want to offer you the best experience when working on your new website. In the template you can find general information about editing Webflow sites.</li></ul><p></p><p><img src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/64489dbefe8508768c69fe11_643611cd5ab90f2c3aa1532c_OG.jpeg"></p><p></p><h2>Ark Studio pages overview:</h2><ul><li>Home</li><li>About</li><li>Services</li><li>Contact</li><li>Projects</li><li>Project page (CMS)</li><li>Blog</li><li>Blog post (CMS)</li><li>Shop</li><li>Product page (Ecommerce)</li><li>Category page (Ecommerce)</li><li>Legal page</li><li>Custom 404 page</li><li>Custom password protected</li><li>Style guide</li><li>Licenses</li><li>Change log</li><li>Start here page</li></ul><h2>Support</h2><p>Ark Studio was made in an easy to customize way and includes "start here" page, however, if you ever need help, find a bug, or just want to say how cool you think our design is, you can always contact us at templates@wavesdesign.io.</p><div></div><p></p></div><div id="longDescriptionOverlay" class="cc-long-description-overlay"></div></div><div class="cc_show_more_long_description"><div id="showMoreDescription" class="button-sp cc-white"><div>Show more</div></div><div class="w-embed w-script"><script> document.addEventListener('DOMContentLoaded', () => { // Configuration variables const CONFIG = { heights: { collapsed: '750px', expanded: '100%' }, display: { show: 'block', hide: 'none' }, template: { name: 'Ark Studio' } }; const longDescWrapper = document.querySelector('.long-description'); const longDesc = document.getElementById('longDescription'); const showMoreBtn = document.getElementById('showMoreDescription'); const templateDetails = document.getElementById('templateDetails'); const overlay = document.getElementById('longDescriptionOverlay'); if (longDescWrapper && longDesc && showMoreBtn && overlay) { // Check if content needs truncation const contentHeight = longDesc.scrollHeight; const needsTruncation = contentHeight > parseInt(CONFIG.heights.collapsed); if (needsTruncation) { // Initial setup - only if content is taller than collapsed height longDescWrapper.style.maxHeight = CONFIG.heights.collapsed; longDescWrapper.style.overflow = 'hidden'; longDescWrapper.style.transition = 'max-height 0.3s ease-out'; showMoreBtn.style.display = CONFIG.display.show; overlay.style.display = CONFIG.display.show; showMoreBtn.addEventListener('click', () => { if (longDescWrapper.style.maxHeight === CONFIG.heights.collapsed) { // Expand longDescWrapper.style.maxHeight = CONFIG.heights.expanded; showMoreBtn.textContent = 'Show less'; overlay.style.display = CONFIG.display.hide; // Track expansion event wf_analytics.track('Template Detail Page - Full Description Expanded', { 'template': CONFIG.template.name }); } else { // Collapse and scroll longDescWrapper.style.maxHeight = CONFIG.heights.collapsed; showMoreBtn.textContent = 'Show more'; overlay.style.display = CONFIG.display.show; templateDetails.scrollIntoView({ behavior: 'smooth' }); // Track collapse event wf_analytics.track('Template Detail Page - Full Description Collapsed', { 'template': CONFIG.template.name }); } }); } else { // If content is shorter than collapse height, hide button and overlay showMoreBtn.style.display = CONFIG.display.hide; overlay.style.display = CONFIG.display.hide; } } }); </script></div></div></div><div data-w-tab="License" class="w-tab-pane"><div><div><div class="premium-license"><h5>Single Use License</h5><p>Can only be used by you or one client for one end product. You cannot resell or redistribute this template in its original or modified state.</p></div><div class="free-license w-condition-invisible"><h5>Free License</h5><p>This template is free to use in both person and commercial projects. You cannot resell, redistribute, or license this template in its original or modified state. </p></div></div><div class="support_designer-wrapper"><a data-wf-native-id-path="c960959c-9fe9-d6c9-8029-8b4e1ca6f1a1:c29dd696-fb62-5856-0ceb-3b3b1265c245" href="/templates/template-licenses" class="button-sp cc-text-only w-inline-block"><div class="u-d-inline-block">View license information</div><div class="button-icon_right">→</div></a></div></div></div><div data-w-tab="Support" class="w-tab-pane"><div class="support_designer-wrapper"><div style="background-image:url("https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/66fb8dc649852eb0c210e733_1727761114965_462056686_Logo.png")" class="support_designer_image"></div><div><div class="designer-name-embed w-embed"><h5 class="no-margin">Wavesdesign supports this template</h5></div><div class="designer-name-embed w-condition-invisible w-embed"><h5 class="no-margin">Designed by Wavesdesign </h5></div><p>Questions about this template? Just reach out to the template designer and they will get back to you within 2 business days.<br/></p><p>For advanced design guidance, please share your questions in the <a href="https://forum.webflow.com/" data-wf-native-id-path="2a8c0d00-9700-783d-2002-6ac613d1c290" target="_blank">Webflow Forum</a> or reach out to a <a href="https://experts.webflow.com/" data-wf-native-id-path="2a8c0d00-9700-783d-2002-6ac613d1c293" target="_blank">Webflow Partner</a>.</p><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="designer-template_card_details-wrap w-dyn-item"><a data-wf-native-id-path="a6f7e531-192e-3b3f-50ac-94b6a47f6411_instance-0" href="#" class="button-small cc-primary w-inline-block w-condition-invisible"><div>Contact </div><div class="designer-name_embed w-embed">Wavesdesign</div><img width="22" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/5e593fb060cf87ada675de62_arrow-white.svg" alt="" class="button_icon-right cc-designer"/></a></div></div></div><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="designer-template_card_details-wrap w-dyn-item"><a data-wf-native-id-path="5acb4e86-7d95-d78b-42a2-544f490daa7a_instance-0" href="mailto:mike@wavesdesign.io" class="button-sp mp-flex w-inline-block"><div class="u-d-inline-block">Contact </div><div class="designer-name_embed w-embed">Wavesdesign</div><div class="button-icon_right">→</div></a></div></div></div><div class="w-dyn-list"><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item"></div></div></div></div></div></div><div data-w-tab="Comments" class="w-tab-pane"><div class="support_designer-wrapper"><div><h5>Loving this template?</h5><p>Share your feedback by leaving a comment below. <br/></p><p>For template support, please check the Support tab.<br/></p></div></div><div class="w-embed w-script"><div id=disqus_thread_2></div> <script> var Webflow = Webflow || []; Webflow.push(function() { $(document).ready(function() { $('#support-tab-2').on('click', function(){ // Renames the container so that disqus knows where to load. This is a hack that allows us to have two instancesces of this widget on the page $("#disqus_thread_2").attr("id","disqus_thread"); var disqus_shortname = "templatemarketplace"; var disqus_url = "https://webflow.com/templates/html/ark-studio-architecture-website-template"; var disqus_identifier = "Ark Studio"; // ajax request to load the disqus javascript $.ajax({ type: "GET", url: "https://" + disqus_shortname + ".disqus.com/embed.js", dataType: "script", cache: true }); // unbind once comments load $(this).unbind(); }); }); }); </script></div></div><div data-w-tab="FAQ" class="w-tab-pane"><div><div><div class="feature_accordion-wrapper"><div class="feature_accordion-wrapper"><div data-w-id="358fb61d-c586-4e9b-df05-bf4f195df3f4" class="feature_accordion_button"><div class="feature_accordion_title-row"><div>Is there a template demo available?</div></div><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67192758c9afa6962c6dfdfb_Add.svg" class="accordion_arrow"/></div><div style="height:0PX" class="feature_accordion_content"><p class="accordion_p faq">Use the Preview in Designer option to make any edits to the template pages and preview how the layout would fit your content. Changes in preview mode won't be saved.</p></div></div><div data-w-id="358fb61d-c586-4e9b-df05-bf4f195df3cc" class="feature_accordion_button"><div class="feature_accordion_title-row"><div>Can templates be used in existing projects?</div></div><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67192758c9afa6962c6dfdfb_Add.svg" class="accordion_arrow"/></div><div class="feature_accordion_content faq"><p class="accordion_p faq">It isn't possible to apply a template to an already existing project. Instead, you'll need to create a new project based on the Template.</p></div></div><div class="feature_accordion-wrapper"><div data-w-id="358fb61d-c586-4e9b-df05-bf4f195df3e0" class="feature_accordion_button"><div class="feature_accordion_title-row"><div>Can templates be exported?</div></div><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67192758c9afa6962c6dfdfb_Add.svg" class="accordion_arrow"/></div><div style="height:0PX" class="feature_accordion_content"><p class="accordion_p faq">With a Core plan (or higher), you can<a href="https://help.webflow.com/article/how-to-export-a-webflow-site" data-wf-native-id-path="9247e5f6-4be4-56a6-7f73-c353de2804b2"> export sites you build in Webflow</a>, including templates, to host them anywhere you'd like.</p></div></div><div class="feature_accordion-wrapper"><div data-w-id="358fb61d-c586-4e9b-df05-bf4f195df3fe" class="feature_accordion_button"><div class="feature_accordion_title-row"><div>How to purchase a template from a legacy team account?</div></div><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67192758c9afa6962c6dfdfb_Add.svg" class="accordion_arrow"/></div><div style="height:0PX" class="feature_accordion_content"><p class="accordion_p faq">Webflow templates are only available for purchase through Workspaces and legacy individual accounts.<br/></p></div></div><div class="feature_accordion-wrapper"><div data-w-id="358fb61d-c586-4e9b-df05-bf4f195df3ea" class="feature_accordion_button"><div class="feature_accordion_title-row"><div>How to remove the CMS functionality from a template?</div></div><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67192758c9afa6962c6dfdfb_Add.svg" class="accordion_arrow"/></div><div style="height:0PX" class="feature_accordion_content"><p class="accordion_p faq">CMS templates are designed to use the power of the Webflow CMS. It is possible to downgrade to a Basic Site Plan as long as all CMS content is deleted from the project.</p><p class="accordion_p faq">Use the <a href="https://cl.ly/ca526a" target="_blank" data-wf-native-id-path="3027fd37-31ab-1dc5-97d4-c55129339611">View Connections tool</a> to understand where the CMS content is on the site and delete any dynamic listings and CMS content. We also recommend you to check <a href="https://cl.ly/7d4d21" target="_blank" data-wf-native-id-path="bbf80177-278f-a9ec-9061-6fd37b120f02">Components</a> and the <a href="https://cl.ly/ca526a" target="_blank" data-wf-native-id-path="3f71b7ea-8b25-9e75-b305-435b2f743771">Collection page Templates</a>.</p></div></div><div class="feature_accordion-wrapper"><div data-w-id="47d90898-e7bb-0ece-834b-e44e08b217aa" class="feature_accordion_button"><div class="feature_accordion_title-row"><div>How to remove the Ecommerce functionality from a template?</div></div><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67192758c9afa6962c6dfdfb_Add.svg" class="accordion_arrow"/></div><div style="height:0PX" class="feature_accordion_content"><p class="accordion_p faq">Ecommerce templates are designed to use the power of Webflow Ecommerce. It is not possible to remove Ecommerce from a template, however, deleting all Ecommerce Products and Categories from the project, will allow to select a lower Site Plan. </p></div></div><div class="feature_accordion-wrapper"><div data-w-id="7772517f-eee4-2074-f3a6-41dc690cd60d" class="feature_accordion_button"><div class="feature_accordion_title-row"><div>How to remove the Memberships functionality from a template?</div></div><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67192758c9afa6962c6dfdfb_Add.svg" class="accordion_arrow"/></div><div style="height:0PX" class="feature_accordion_content"><p class="accordion_p faq">Membership templates are designed to use the power of Webflow Membership. It is not possible to remove Memberships from a template.</p></div></div></div></div><div class="w-layout-grid templates_overview-wrapper"></div></div></div></div></div><div id="w-node-cf4e3fe6-fdb2-0948-1c9f-8db033d53ba5-045d443f" class="mp-sidebar-features"><div id="subcategory" class="mp-sidebar-wrap"><h5 class="h6">Subcategory</h5><div class="w-dyn-list"><div role="list" class="tag-list w-dyn-items"><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="1612a004-568b-f3d6-c744-2964901adb14_instance-0" href="/templates/subcategory/architecture-websites" class="tag-list_link">Architecture</a></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="1612a004-568b-f3d6-c744-2964901adb14_instance-1" href="/templates/subcategory/interior-design-websites" class="tag-list_link">Interior Design</a></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="1612a004-568b-f3d6-c744-2964901adb14_instance-2" href="/templates/subcategory/creative-agency-websites" class="tag-list_link">Creative Agency</a></div></div></div><div class="w-embed w-script"><script> (function() { // Function to check list items and update title accordingly function updateSubcategoryTitle() { // Get the subcategory container const subcategoryContainer = document.getElementById('subcategory'); if (!subcategoryContainer) { console.warn('Subcategory container not found'); return; } // Get the title element (h5) const titleElement = subcategoryContainer.querySelector('h5'); if (!titleElement) { console.warn('Title element not found'); return; } // Get the list items const listItems = subcategoryContainer.querySelectorAll('.w-dyn-item'); // Count the number of items const itemCount = listItems.length; // Update the title based on the number of items titleElement.textContent = itemCount > 1 ? 'Subcategories' : 'Subcategory'; } // Run the function when the DOM is fully loaded document.addEventListener('DOMContentLoaded', updateSubcategoryTitle); // If the content might be loaded dynamically, set up an observer const subcategoryListObserver = new MutationObserver(updateSubcategoryTitle); // Start observing the list container for changes const listContainer = document.querySelector('.w-dyn-items'); if (listContainer) { subcategoryListObserver.observe(listContainer, { childList: true, // observe direct children changes subtree: true // observe all descendants }); } })(); </script></div></div><div class="mp-sidebar-wrap"><h5 class="h6">Styles</h5><div class="w-dyn-list"><div role="list" class="tag-list w-dyn-items"><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="3fc4f27c-d619-4ffb-c630-63793a3bfdc0_instance-0" href="/templates/style/minimal-websites" class="tag-list_link">Minimal</a></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="3fc4f27c-d619-4ffb-c630-63793a3bfdc0_instance-1" href="/templates/style/modern" class="tag-list_link">Modern</a></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="3fc4f27c-d619-4ffb-c630-63793a3bfdc0_instance-2" href="/templates/style/light-websites" class="tag-list_link">Light</a></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="3fc4f27c-d619-4ffb-c630-63793a3bfdc0_instance-3" href="/templates/style/corporate-websites" class="tag-list_link">Corporate</a></div></div></div></div><div class="mp-sidebar-wrap includes--accordion"><h5 class="h6">Features</h5><div class="w-dyn-list"><div role="list" class="feature_list w-dyn-items"><div role="listitem" class="feature_item w-dyn-item"><div class="feature_accordion-wrapper"><div data-w-id="d4ead818-dd1e-d11f-b2fc-f7bfad594f7d" class="feature_accordion_button"><div class="feature_accordion_title-row"><img width="22" loading="lazy" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671927d6b28aa6f862583370_CheckDefault%20(Blue).svg" class="feature_accordion_tick-icon"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671947a34ee6149a9e9de1e6_Ecommerce24.svg" alt="" class="feature_accordion_ecom-icon w-condition-invisible"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67193406b73c4687f01ebb87_CMSDefault.svg" alt="CMS" class="feature_accordion_cms-icon w-condition-invisible"/><img loading="lazy" height="30" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/636c0b7476bf77519403b87b_memberships-icon-48-black.svg" class="feature_accordion_membership-icon w-condition-invisible"/><div class="feature_accordion_cms-name">Background video</div></div><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67192758c9afa6962c6dfdfb_Add.svg" class="accordion_arrow"/></div><div style="height:0PX" class="feature_accordion_content"><p class="accordion_p">Bring life and motion to your design with background videos</p></div></div></div><div role="listitem" class="feature_item w-dyn-item"><div class="feature_accordion-wrapper"><div data-w-id="d4ead818-dd1e-d11f-b2fc-f7bfad594f7d" class="feature_accordion_button"><div class="feature_accordion_title-row"><img width="22" loading="lazy" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671927d6b28aa6f862583370_CheckDefault%20(Blue).svg" class="feature_accordion_tick-icon w-condition-invisible"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671947a34ee6149a9e9de1e6_Ecommerce24.svg" alt="" class="feature_accordion_ecom-icon w-condition-invisible"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67193406b73c4687f01ebb87_CMSDefault.svg" alt="CMS" class="feature_accordion_cms-icon"/><img loading="lazy" height="30" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/636c0b7476bf77519403b87b_memberships-icon-48-black.svg" class="feature_accordion_membership-icon w-condition-invisible"/><div class="feature_accordion_cms-name">Content management system</div></div><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67192758c9afa6962c6dfdfb_Add.svg" class="accordion_arrow"/></div><div style="height:0PX" class="feature_accordion_content"><p class="accordion_p">Customize the built-in database for your project or just add new content.</p></div></div></div><div role="listitem" class="feature_item w-dyn-item"><div class="feature_accordion-wrapper"><div data-w-id="d4ead818-dd1e-d11f-b2fc-f7bfad594f7d" class="feature_accordion_button"><div class="feature_accordion_title-row"><img width="22" loading="lazy" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671927d6b28aa6f862583370_CheckDefault%20(Blue).svg" class="feature_accordion_tick-icon"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671947a34ee6149a9e9de1e6_Ecommerce24.svg" alt="" class="feature_accordion_ecom-icon w-condition-invisible"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67193406b73c4687f01ebb87_CMSDefault.svg" alt="CMS" class="feature_accordion_cms-icon w-condition-invisible"/><img loading="lazy" height="30" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/636c0b7476bf77519403b87b_memberships-icon-48-black.svg" class="feature_accordion_membership-icon w-condition-invisible"/><div class="feature_accordion_cms-name">CSS Grid</div></div><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67192758c9afa6962c6dfdfb_Add.svg" class="accordion_arrow"/></div><div style="height:0PX" class="feature_accordion_content"><p class="accordion_p">Reposition and resize items anywhere within the grid to produce powerful, responsive layouts — faster and without code.</p></div></div></div><div role="listitem" class="feature_item w-dyn-item"><div class="feature_accordion-wrapper"><div data-w-id="d4ead818-dd1e-d11f-b2fc-f7bfad594f7d" class="feature_accordion_button"><div class="feature_accordion_title-row"><img width="22" loading="lazy" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671927d6b28aa6f862583370_CheckDefault%20(Blue).svg" class="feature_accordion_tick-icon"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671947a34ee6149a9e9de1e6_Ecommerce24.svg" alt="" class="feature_accordion_ecom-icon w-condition-invisible"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67193406b73c4687f01ebb87_CMSDefault.svg" alt="CMS" class="feature_accordion_cms-icon w-condition-invisible"/><img loading="lazy" height="30" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/636c0b7476bf77519403b87b_memberships-icon-48-black.svg" class="feature_accordion_membership-icon w-condition-invisible"/><div class="feature_accordion_cms-name">Custom 404 page</div></div><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67192758c9afa6962c6dfdfb_Add.svg" class="accordion_arrow"/></div><div style="height:0PX" class="feature_accordion_content"><p class="accordion_p">Custom design for the 404 page of your website</p></div></div></div><div role="listitem" class="feature_item w-dyn-item"><div class="feature_accordion-wrapper"><div data-w-id="d4ead818-dd1e-d11f-b2fc-f7bfad594f7d" class="feature_accordion_button"><div class="feature_accordion_title-row"><img width="22" loading="lazy" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671927d6b28aa6f862583370_CheckDefault%20(Blue).svg" class="feature_accordion_tick-icon w-condition-invisible"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671947a34ee6149a9e9de1e6_Ecommerce24.svg" alt="" class="feature_accordion_ecom-icon"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67193406b73c4687f01ebb87_CMSDefault.svg" alt="CMS" class="feature_accordion_cms-icon w-condition-invisible"/><img loading="lazy" height="30" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/636c0b7476bf77519403b87b_memberships-icon-48-black.svg" class="feature_accordion_membership-icon w-condition-invisible"/><div class="feature_accordion_cms-name">Ecommerce</div></div><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67192758c9afa6962c6dfdfb_Add.svg" class="accordion_arrow"/></div><div style="height:0PX" class="feature_accordion_content"><p class="accordion_p">Shape your customer's experience and customize everything, from the home page to product page, cart to checkout.</p></div></div></div><div role="listitem" class="feature_item w-dyn-item"><div class="feature_accordion-wrapper"><div data-w-id="d4ead818-dd1e-d11f-b2fc-f7bfad594f7d" class="feature_accordion_button"><div class="feature_accordion_title-row"><img width="22" loading="lazy" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671927d6b28aa6f862583370_CheckDefault%20(Blue).svg" class="feature_accordion_tick-icon"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671947a34ee6149a9e9de1e6_Ecommerce24.svg" alt="" class="feature_accordion_ecom-icon w-condition-invisible"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67193406b73c4687f01ebb87_CMSDefault.svg" alt="CMS" class="feature_accordion_cms-icon w-condition-invisible"/><img loading="lazy" height="30" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/636c0b7476bf77519403b87b_memberships-icon-48-black.svg" class="feature_accordion_membership-icon w-condition-invisible"/><div class="feature_accordion_cms-name">Forms</div></div><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67192758c9afa6962c6dfdfb_Add.svg" class="accordion_arrow"/></div><div style="height:0PX" class="feature_accordion_content"><p class="accordion_p">Build your lead lists and subscriber base with beautiful forms.</p></div></div></div><div role="listitem" class="feature_item w-dyn-item"><div class="feature_accordion-wrapper"><div data-w-id="d4ead818-dd1e-d11f-b2fc-f7bfad594f7d" class="feature_accordion_button"><div class="feature_accordion_title-row"><img width="22" loading="lazy" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671927d6b28aa6f862583370_CheckDefault%20(Blue).svg" class="feature_accordion_tick-icon"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671947a34ee6149a9e9de1e6_Ecommerce24.svg" alt="" class="feature_accordion_ecom-icon w-condition-invisible"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67193406b73c4687f01ebb87_CMSDefault.svg" alt="CMS" class="feature_accordion_cms-icon w-condition-invisible"/><img loading="lazy" height="30" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/636c0b7476bf77519403b87b_memberships-icon-48-black.svg" class="feature_accordion_membership-icon w-condition-invisible"/><div class="feature_accordion_cms-name">Interactions</div></div><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67192758c9afa6962c6dfdfb_Add.svg" class="accordion_arrow"/></div><div style="height:0PX" class="feature_accordion_content"><p class="accordion_p">Comes with animations and interactions for additional polish and usability.</p></div></div></div><div role="listitem" class="feature_item w-dyn-item"><div class="feature_accordion-wrapper"><div data-w-id="d4ead818-dd1e-d11f-b2fc-f7bfad594f7d" class="feature_accordion_button"><div class="feature_accordion_title-row"><img width="22" loading="lazy" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671927d6b28aa6f862583370_CheckDefault%20(Blue).svg" class="feature_accordion_tick-icon"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671947a34ee6149a9e9de1e6_Ecommerce24.svg" alt="" class="feature_accordion_ecom-icon w-condition-invisible"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67193406b73c4687f01ebb87_CMSDefault.svg" alt="CMS" class="feature_accordion_cms-icon w-condition-invisible"/><img loading="lazy" height="30" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/636c0b7476bf77519403b87b_memberships-icon-48-black.svg" class="feature_accordion_membership-icon w-condition-invisible"/><div class="feature_accordion_cms-name">Media lightbox</div></div><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67192758c9afa6962c6dfdfb_Add.svg" class="accordion_arrow"/></div><div style="height:0PX" class="feature_accordion_content"><p class="accordion_p">Showcase high-res photos and videos on a black backdrop.</p></div></div></div><div role="listitem" class="feature_item w-dyn-item"><div class="feature_accordion-wrapper"><div data-w-id="d4ead818-dd1e-d11f-b2fc-f7bfad594f7d" class="feature_accordion_button"><div class="feature_accordion_title-row"><img width="22" loading="lazy" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671927d6b28aa6f862583370_CheckDefault%20(Blue).svg" class="feature_accordion_tick-icon"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671947a34ee6149a9e9de1e6_Ecommerce24.svg" alt="" class="feature_accordion_ecom-icon w-condition-invisible"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67193406b73c4687f01ebb87_CMSDefault.svg" alt="CMS" class="feature_accordion_cms-icon w-condition-invisible"/><img loading="lazy" height="30" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/636c0b7476bf77519403b87b_memberships-icon-48-black.svg" class="feature_accordion_membership-icon w-condition-invisible"/><div class="feature_accordion_cms-name">Responsive design</div></div><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67192758c9afa6962c6dfdfb_Add.svg" class="accordion_arrow"/></div><div style="height:0PX" class="feature_accordion_content"><p class="accordion_p">Displays perfectly on desktops, tablets, and phones.</p></div></div></div><div role="listitem" class="feature_item w-dyn-item"><div class="feature_accordion-wrapper"><div data-w-id="d4ead818-dd1e-d11f-b2fc-f7bfad594f7d" class="feature_accordion_button"><div class="feature_accordion_title-row"><img width="22" loading="lazy" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671927d6b28aa6f862583370_CheckDefault%20(Blue).svg" class="feature_accordion_tick-icon"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671947a34ee6149a9e9de1e6_Ecommerce24.svg" alt="" class="feature_accordion_ecom-icon w-condition-invisible"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67193406b73c4687f01ebb87_CMSDefault.svg" alt="CMS" class="feature_accordion_cms-icon w-condition-invisible"/><img loading="lazy" height="30" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/636c0b7476bf77519403b87b_memberships-icon-48-black.svg" class="feature_accordion_membership-icon w-condition-invisible"/><div class="feature_accordion_cms-name">Responsive navigation</div></div><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67192758c9afa6962c6dfdfb_Add.svg" class="accordion_arrow"/></div><div style="height:0PX" class="feature_accordion_content"><p class="accordion_p">Site navigation automatically collapses into a mobile-friendly menu on smaller devices.</p></div></div></div><div role="listitem" class="feature_item w-dyn-item"><div class="feature_accordion-wrapper"><div data-w-id="d4ead818-dd1e-d11f-b2fc-f7bfad594f7d" class="feature_accordion_button"><div class="feature_accordion_title-row"><img width="22" loading="lazy" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671927d6b28aa6f862583370_CheckDefault%20(Blue).svg" class="feature_accordion_tick-icon"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671947a34ee6149a9e9de1e6_Ecommerce24.svg" alt="" class="feature_accordion_ecom-icon w-condition-invisible"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67193406b73c4687f01ebb87_CMSDefault.svg" alt="CMS" class="feature_accordion_cms-icon w-condition-invisible"/><img loading="lazy" height="30" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/636c0b7476bf77519403b87b_memberships-icon-48-black.svg" class="feature_accordion_membership-icon w-condition-invisible"/><div class="feature_accordion_cms-name">Responsive slider</div></div><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67192758c9afa6962c6dfdfb_Add.svg" class="accordion_arrow"/></div><div style="height:0PX" class="feature_accordion_content"><p class="accordion_p">Display images and text elegantly on every device with our touch-friendly slider.</p></div></div></div><div role="listitem" class="feature_item w-dyn-item"><div class="feature_accordion-wrapper"><div data-w-id="d4ead818-dd1e-d11f-b2fc-f7bfad594f7d" class="feature_accordion_button"><div class="feature_accordion_title-row"><img width="22" loading="lazy" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671927d6b28aa6f862583370_CheckDefault%20(Blue).svg" class="feature_accordion_tick-icon"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671947a34ee6149a9e9de1e6_Ecommerce24.svg" alt="" class="feature_accordion_ecom-icon w-condition-invisible"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67193406b73c4687f01ebb87_CMSDefault.svg" alt="CMS" class="feature_accordion_cms-icon w-condition-invisible"/><img loading="lazy" height="30" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/636c0b7476bf77519403b87b_memberships-icon-48-black.svg" class="feature_accordion_membership-icon w-condition-invisible"/><div class="feature_accordion_cms-name">Retina ready</div></div><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67192758c9afa6962c6dfdfb_Add.svg" class="accordion_arrow"/></div><div style="height:0PX" class="feature_accordion_content"><p class="accordion_p">All graphics are optimized for devices with high DPI screens.</p></div></div></div><div role="listitem" class="feature_item w-dyn-item"><div class="feature_accordion-wrapper"><div data-w-id="d4ead818-dd1e-d11f-b2fc-f7bfad594f7d" class="feature_accordion_button"><div class="feature_accordion_title-row"><img width="22" loading="lazy" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671927d6b28aa6f862583370_CheckDefault%20(Blue).svg" class="feature_accordion_tick-icon"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671947a34ee6149a9e9de1e6_Ecommerce24.svg" alt="" class="feature_accordion_ecom-icon w-condition-invisible"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67193406b73c4687f01ebb87_CMSDefault.svg" alt="CMS" class="feature_accordion_cms-icon w-condition-invisible"/><img loading="lazy" height="30" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/636c0b7476bf77519403b87b_memberships-icon-48-black.svg" class="feature_accordion_membership-icon w-condition-invisible"/><div class="feature_accordion_cms-name">Symbols</div></div><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67192758c9afa6962c6dfdfb_Add.svg" class="accordion_arrow"/></div><div style="height:0PX" class="feature_accordion_content"><p class="accordion_p">Reusable elements you can use across your site. Edit a symbol and all copies update instantly.</p></div></div></div><div role="listitem" class="feature_item w-dyn-item"><div class="feature_accordion-wrapper"><div data-w-id="d4ead818-dd1e-d11f-b2fc-f7bfad594f7d" class="feature_accordion_button"><div class="feature_accordion_title-row"><img width="22" loading="lazy" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671927d6b28aa6f862583370_CheckDefault%20(Blue).svg" class="feature_accordion_tick-icon"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/671947a34ee6149a9e9de1e6_Ecommerce24.svg" alt="" class="feature_accordion_ecom-icon w-condition-invisible"/><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67193406b73c4687f01ebb87_CMSDefault.svg" alt="CMS" class="feature_accordion_cms-icon w-condition-invisible"/><img loading="lazy" height="30" alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/636c0b7476bf77519403b87b_memberships-icon-48-black.svg" class="feature_accordion_membership-icon w-condition-invisible"/><div class="feature_accordion_cms-name">Web fonts</div></div><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67192758c9afa6962c6dfdfb_Add.svg" class="accordion_arrow"/></div><div style="height:0PX" class="feature_accordion_content"><p class="accordion_p">Uses fonts from Google's Web Font collection.</p></div></div></div></div></div></div><div class="mp-sidebar-wrap"><h5 class="h6">Related Tags</h5><div class="w-dyn-list"><div id="hero-tag-list" role="list" class="tag-list w-dyn-items"><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="55cb151a-381a-8461-54f9-c25558d5ad25_instance-0" href="/templates/search/light" class="tag-list_link u-text-lowercase">Light</a></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="55cb151a-381a-8461-54f9-c25558d5ad25_instance-1" href="/templates/search/house" class="tag-list_link u-text-lowercase">House</a></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="55cb151a-381a-8461-54f9-c25558d5ad25_instance-2" href="/templates/search/creative" class="tag-list_link u-text-lowercase">Creative</a></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="55cb151a-381a-8461-54f9-c25558d5ad25_instance-3" href="/templates/search/architecture-studio" class="tag-list_link u-text-lowercase">Architecture Studio</a></div><div role="listitem" class="w-dyn-item"><a data-wf-native-id-path="55cb151a-381a-8461-54f9-c25558d5ad25_instance-4" href="/templates/search/animated" class="tag-list_link u-text-lowercase">Animated</a></div></div></div></div><div class="mp-sidebar-wrap"><h5 class="cc-template-details-title h6">Share</h5><div class="social-wrapper"><div class="social_inner-text"><div class="social-icons_wrapper"><div class="social-icons_btn cc-x w-embed"><a class="social-icons_btn" data-cta="templates-page-cta" data-cta-position= "sidebar" data-cta-text="x" href="https://twitter.com/share?url=https://webflow.com/templates/html/ark-studio-architecture-website-template&text=Ark Studio" target="_blank" rel="noopener"> <img src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67192b82671ac33888009e55_X.svg"> </a></div><div class="social-icons_btn w-embed"><a class="social-icons_btn" data-cta="templates-page-cta" data-cta-position= "sidebar" data-cta-text="facebook" href="https://www.facebook.com/sharer/sharer.php?u=https://webflow.com/templates/html/ark-studio-architecture-website-template" target="_blank" rel="noopener"> <img src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67192dd7fa67814e2ef56ae8_Facebook.svg"> </a></div><div class="social-icons_btn w-embed"><a class="social-icons_btn" data-cta="templates-page-cta" data-cta-position= "sidebar" data-cta-text="linkedin" href="https://www.linkedin.com/shareArticle?url=https://webflow.com/templates/html/ark-studio-architecture-website-template&title=Ark Studio&summary=Ark Studio is a minimalistic and animated Webflow Template created with Architecture and Interior Design agencies in mind. It features creative layouts, sophisticated CMS and Ecommerce set-up." target="_blank" rel="noopener"> <img src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67192e3718827f73ac69324b_linkedIn.svg"> </a></div><div class="social-icons_btn w-embed"><a class="social-icons_btn" data-cta="templates-page-cta" data-cta-position= "sidebar" data-cta-text="pinterest" href="http://pinterest.com/pin/create/button/?url=https://www.webflow.com/templates/html/ark-studio-architecture-website-template&title=Ark Studio&description=Ark Studio is a minimalistic and animated Webflow Template created with Architecture and Interior Design agencies in mind. It features creative layouts, sophisticated CMS and Ecommerce set-up." target="_blank" rel="noopener"> <img src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/67192e75da34886aca0082c3_Pinterest.svg"> </a></div></div></div></div></div></div></div></div></div><div id="marketing" class="section mp-margin"><div class="container"><div class="more-templates-container"><div class="headline-wrap"><h4>Similar templates</h4><a id="browseSimilar" data-wf-native-id-path="7ee92cfc-6889-d8e8-601e-08e19b39a429" href="/templates/all" class="button-small cc-tertiary cc-ghost mp-embed w-inline-block"><div class="w-embed">Browse all</div><img src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/6706e87915afd278692c1de2_%E2%86%92.svg" width="11" height="24" alt="" class="button_icon-right"/></a></div><div class="w-dyn-list"><div role="list" class="grid lg-col-4 gap-24 w-dyn-items"><div role="listitem" class="tm-templates_grid_item w-dyn-item"><div class="mp-template-item"><a data-wf-native-id-path="62e19f41-63b5-4c1b-55a2-f4ee9ae0fbbc_instance-0:3c137672-3318-900f-a55b-42b266794d79_instance-0" href="/templates/html/vibebes-website-template" class="tm-link w-inline-block"><img alt="Vibebes" loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/6740a8224330499580542060_be88ba60-8ac7-44b6-8202-5a3761648237.jpeg" class="tm-card_image"/><div class="mp-card_hover"><div class="mp-card_hover-content"><div class="paragraph-l u-text-semibold">View details</div><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/670878b0296e4ae4034fe652_view-details-arrow.svg" alt=""/></div></div></a><div class="mp-template-content"><img width="28" height="28" src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/65828f3278f5f8f814f11306_622cc8d77a56dfc391b86d21_hasthemeslogo256.png" loading="lazy" alt="Brandbes" class="tm-templates-creator-icon"/><div class="mp-template-details"><div class="template-details-wrap"><div class="template-name-wrap"><a data-wf-native-id-path="62e19f41-63b5-4c1b-55a2-f4ee9ae0fbbc_instance-0:3c137672-3318-900f-a55b-42b266794d85_instance-0" href="/templates/html/vibebes-website-template" class="template-name">Vibebes</a></div><div class="template-price-wrap"><div class="category-text price-tag">$49 USD</div></div></div><div class="template-creator-wrap"><a data-wf-native-id-path="62e19f41-63b5-4c1b-55a2-f4ee9ae0fbbc_instance-0:b193320d-9022-6ccd-6e5d-da944c61e8f3_instance-0" href="/templates/designers/brandbes">Brandbes</a></div></div></div><div fs-cmssort-type="date" fs-cmssort-field="approval-date" class="tm-approval-date u-hidden">November 22, 2024</div><div fs-cmsfilter-field="types" class="tm-type u-hidden">Multi Page</div><div fs-cmssort-field="price" class="tm-price u-hidden">49</div><div fs-cmsfilter-field="types" class="tm-type u-hidden">Multi Page</div></div></div><div role="listitem" class="tm-templates_grid_item w-dyn-item"><div class="mp-template-item"><a data-wf-native-id-path="62e19f41-63b5-4c1b-55a2-f4ee9ae0fbbc_instance-1:3c137672-3318-900f-a55b-42b266794d79_instance-1" href="/templates/html/dekorin-website-template" class="tm-link w-inline-block"><img alt="Dekorin" loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/6740a5d7c6c3b0153a9f7ef8_67c88abf-918f-4b8f-99f5-d9ad5eb3d69b.jpeg" class="tm-card_image"/><div class="mp-card_hover"><div class="mp-card_hover-content"><div class="paragraph-l u-text-semibold">View details</div><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/670878b0296e4ae4034fe652_view-details-arrow.svg" alt=""/></div></div></a><div class="mp-template-content"><img width="28" height="28" src="https://cdn.prod.website-files.com/plugins/Basic/assets/placeholder.60f9b1840c.svg" loading="lazy" alt="WebOcean" class="tm-templates-creator-icon"/><div class="mp-template-details"><div class="template-details-wrap"><div class="template-name-wrap"><a data-wf-native-id-path="62e19f41-63b5-4c1b-55a2-f4ee9ae0fbbc_instance-1:3c137672-3318-900f-a55b-42b266794d85_instance-1" href="/templates/html/dekorin-website-template" class="template-name">Dekorin</a></div><div class="template-price-wrap"><div class="category-text price-tag">$79 USD</div></div></div><div class="template-creator-wrap"><a data-wf-native-id-path="62e19f41-63b5-4c1b-55a2-f4ee9ae0fbbc_instance-1:b193320d-9022-6ccd-6e5d-da944c61e8f3_instance-1" href="/templates/designers/webocean">WebOcean</a></div></div></div><div fs-cmssort-type="date" fs-cmssort-field="approval-date" class="tm-approval-date u-hidden">November 22, 2024</div><div fs-cmsfilter-field="types" class="tm-type u-hidden">Multi Page</div><div fs-cmssort-field="price" class="tm-price u-hidden">79</div><div fs-cmsfilter-field="types" class="tm-type u-hidden">Multi Page</div></div></div><div role="listitem" class="tm-templates_grid_item w-dyn-item"><div class="mp-template-item"><a data-wf-native-id-path="62e19f41-63b5-4c1b-55a2-f4ee9ae0fbbc_instance-2:3c137672-3318-900f-a55b-42b266794d79_instance-2" href="/templates/html/lucre-website-template" class="tm-link w-inline-block"><img alt="Lucre" loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/6740a385bab47953fb1c1ec1_4039acce-a827-40e2-928b-dea1a75430f3.jpeg" class="tm-card_image"/><div class="mp-card_hover"><div class="mp-card_hover-content"><div class="paragraph-l u-text-semibold">View details</div><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/670878b0296e4ae4034fe652_view-details-arrow.svg" alt=""/></div></div></a><div class="mp-template-content"><img width="28" height="28" src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/6662cc4e9db459cbc217665b_1717750254228_389095039_logoatwww.jpeg" loading="lazy" alt="ATWWW Templates" class="tm-templates-creator-icon"/><div class="mp-template-details"><div class="template-details-wrap"><div class="template-name-wrap"><a data-wf-native-id-path="62e19f41-63b5-4c1b-55a2-f4ee9ae0fbbc_instance-2:3c137672-3318-900f-a55b-42b266794d85_instance-2" href="/templates/html/lucre-website-template" class="template-name">Lucre</a></div><div class="template-price-wrap"><div class="category-text price-tag">$49 USD</div></div></div><div class="template-creator-wrap"><a data-wf-native-id-path="62e19f41-63b5-4c1b-55a2-f4ee9ae0fbbc_instance-2:b193320d-9022-6ccd-6e5d-da944c61e8f3_instance-2" href="/templates/designers/atwww-templates">ATWWW Templates</a></div></div></div><div fs-cmssort-type="date" fs-cmssort-field="approval-date" class="tm-approval-date u-hidden">November 22, 2024</div><div fs-cmsfilter-field="types" class="tm-type u-hidden">Multi Page</div><div fs-cmssort-field="price" class="tm-price u-hidden">49</div><div fs-cmsfilter-field="types" class="tm-type u-hidden">Multi Page</div></div></div><div role="listitem" class="tm-templates_grid_item w-dyn-item"><div class="mp-template-item"><a data-wf-native-id-path="62e19f41-63b5-4c1b-55a2-f4ee9ae0fbbc_instance-3:3c137672-3318-900f-a55b-42b266794d79_instance-3" href="/templates/html/naoto-website-template" class="tm-link w-inline-block"><img alt="Naoto" loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/6740232961adccfde96fb0e3_8c02fcef-7847-4b44-92ca-d008f0c278bf.jpeg" class="tm-card_image"/><div class="mp-card_hover"><div class="mp-card_hover-content"><div class="paragraph-l u-text-semibold">View details</div><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/670878b0296e4ae4034fe652_view-details-arrow.svg" alt=""/></div></div></a><div class="mp-template-content"><img width="28" height="28" src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/6726b3aaf8c663832252418d_1730588900106_117985604_WEBFLOW_AVI1.jpeg" loading="lazy" alt="Flowit Studio" class="tm-templates-creator-icon"/><div class="mp-template-details"><div class="template-details-wrap"><div class="template-name-wrap"><a data-wf-native-id-path="62e19f41-63b5-4c1b-55a2-f4ee9ae0fbbc_instance-3:3c137672-3318-900f-a55b-42b266794d85_instance-3" href="/templates/html/naoto-website-template" class="template-name">Naoto</a></div><div class="template-price-wrap"><div class="category-text price-tag">$49 USD</div></div></div><div class="template-creator-wrap"><a data-wf-native-id-path="62e19f41-63b5-4c1b-55a2-f4ee9ae0fbbc_instance-3:b193320d-9022-6ccd-6e5d-da944c61e8f3_instance-3" href="/templates/designers/flowit-studio">Flowit Studio</a></div></div></div><div fs-cmssort-type="date" fs-cmssort-field="approval-date" class="tm-approval-date u-hidden">November 21, 2024</div><div fs-cmsfilter-field="types" class="tm-type u-hidden">Multi Page</div><div fs-cmssort-field="price" class="tm-price u-hidden">49</div><div fs-cmsfilter-field="types" class="tm-type u-hidden">Multi Page</div></div></div></div></div></div><div class="more-templates-container"><div class="headline-wrap"><div class="w-embed"><h4>More by Wavesdesign</h4></div><a id="browseAuthor" data-wf-native-id-path="ba41c439-fe04-28ce-0c92-6ffa8bc46e43" href="/templates/designers/wavesdesign" class="button-small cc-tertiary cc-ghost mp-embed w-inline-block"><div class="w-embed">All templates by Wavesdesign</div><img src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/6706e87915afd278692c1de2_%E2%86%92.svg" width="11" height="24" alt="" class="button_icon-right"/></a></div><div class="w-dyn-list"><div role="list" class="grid lg-col-4 gap-24 w-dyn-items"><div role="listitem" class="tm-templates_grid_item w-dyn-item"><div class="mp-template-item"><a data-wf-native-id-path="bba6739f-f675-4415-119e-d8a8b46e581b_instance-0:3c137672-3318-900f-a55b-42b266794d79_instance-0" href="/templates/html/consultailite-website-template" class="tm-link w-inline-block"><img alt="Consult Ai Lite" loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/673375f4f3a0d089f271b286_1a02077d-5af7-4e24-aa11-d5234e530326.jpeg" class="tm-card_image"/><div class="mp-card_hover"><div class="mp-card_hover-content"><div class="paragraph-l u-text-semibold">View details</div><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/670878b0296e4ae4034fe652_view-details-arrow.svg" alt=""/></div></div></a><div class="mp-template-content"><img width="28" height="28" src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/66fb8dc649852eb0c210e733_1727761114965_462056686_Logo.png" loading="lazy" alt="Wavesdesign" class="tm-templates-creator-icon"/><div class="mp-template-details"><div class="template-details-wrap"><div class="template-name-wrap"><a data-wf-native-id-path="bba6739f-f675-4415-119e-d8a8b46e581b_instance-0:3c137672-3318-900f-a55b-42b266794d85_instance-0" href="/templates/html/consultailite-website-template" class="template-name">Consult Ai Lite</a></div><div class="template-price-wrap"><div class="category-text price-tag">$79 USD</div></div></div><div class="template-creator-wrap"><a data-wf-native-id-path="bba6739f-f675-4415-119e-d8a8b46e581b_instance-0:b193320d-9022-6ccd-6e5d-da944c61e8f3_instance-0" href="/templates/designers/wavesdesign">Wavesdesign</a></div></div></div><div fs-cmssort-type="date" fs-cmssort-field="approval-date" class="tm-approval-date u-hidden">November 12, 2024</div><div fs-cmsfilter-field="types" class="tm-type u-hidden">Multi Page</div><div fs-cmssort-field="price" class="tm-price u-hidden">79</div><div fs-cmsfilter-field="types" class="tm-type u-hidden">Multi Page</div></div></div><div role="listitem" class="tm-templates_grid_item w-dyn-item"><div class="mp-template-item"><a data-wf-native-id-path="bba6739f-f675-4415-119e-d8a8b46e581b_instance-1:3c137672-3318-900f-a55b-42b266794d79_instance-1" href="/templates/html/jasminlite-website-template" class="tm-link w-inline-block"><img alt="Jasmin Lite" loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/6728e504a7e9e67fc9cabf1a_daf3147c-16df-4e87-a128-baaf148a19c5.jpeg" class="tm-card_image"/><div class="mp-card_hover"><div class="mp-card_hover-content"><div class="paragraph-l u-text-semibold">View details</div><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/670878b0296e4ae4034fe652_view-details-arrow.svg" alt=""/></div></div></a><div class="mp-template-content"><img width="28" height="28" src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/66fb8dc649852eb0c210e733_1727761114965_462056686_Logo.png" loading="lazy" alt="Wavesdesign" class="tm-templates-creator-icon"/><div class="mp-template-details"><div class="template-details-wrap"><div class="template-name-wrap"><a data-wf-native-id-path="bba6739f-f675-4415-119e-d8a8b46e581b_instance-1:3c137672-3318-900f-a55b-42b266794d85_instance-1" href="/templates/html/jasminlite-website-template" class="template-name">Jasmin Lite</a></div><div class="template-price-wrap"><div class="category-text price-tag">$79 USD</div></div></div><div class="template-creator-wrap"><a data-wf-native-id-path="bba6739f-f675-4415-119e-d8a8b46e581b_instance-1:b193320d-9022-6ccd-6e5d-da944c61e8f3_instance-1" href="/templates/designers/wavesdesign">Wavesdesign</a></div></div></div><div fs-cmssort-type="date" fs-cmssort-field="approval-date" class="tm-approval-date u-hidden">November 4, 2024</div><div fs-cmsfilter-field="types" class="tm-type u-hidden">Multi Page</div><div fs-cmssort-field="price" class="tm-price u-hidden">79</div><div fs-cmsfilter-field="types" class="tm-type u-hidden">Multi Page</div></div></div><div role="listitem" class="tm-templates_grid_item w-dyn-item"><div class="mp-template-item"><a data-wf-native-id-path="bba6739f-f675-4415-119e-d8a8b46e581b_instance-2:3c137672-3318-900f-a55b-42b266794d79_instance-2" href="/templates/html/sombrasstudio-website-template" class="tm-link w-inline-block"><img alt="Sombras Studio" loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/6728db96e9efff039b51a1ff_f3ee2ee9-d61f-48ca-a706-62fb531b8596.jpeg" class="tm-card_image"/><div class="mp-card_hover"><div class="mp-card_hover-content"><div class="paragraph-l u-text-semibold">View details</div><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/670878b0296e4ae4034fe652_view-details-arrow.svg" alt=""/></div></div></a><div class="mp-template-content"><img width="28" height="28" src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/66fb8dc649852eb0c210e733_1727761114965_462056686_Logo.png" loading="lazy" alt="Wavesdesign" class="tm-templates-creator-icon"/><div class="mp-template-details"><div class="template-details-wrap"><div class="template-name-wrap"><a data-wf-native-id-path="bba6739f-f675-4415-119e-d8a8b46e581b_instance-2:3c137672-3318-900f-a55b-42b266794d85_instance-2" href="/templates/html/sombrasstudio-website-template" class="template-name">Sombras Studio</a></div><div class="template-price-wrap"><div class="category-text price-tag">$79 USD</div></div></div><div class="template-creator-wrap"><a data-wf-native-id-path="bba6739f-f675-4415-119e-d8a8b46e581b_instance-2:b193320d-9022-6ccd-6e5d-da944c61e8f3_instance-2" href="/templates/designers/wavesdesign">Wavesdesign</a></div></div></div><div fs-cmssort-type="date" fs-cmssort-field="approval-date" class="tm-approval-date u-hidden">November 4, 2024</div><div fs-cmsfilter-field="types" class="tm-type u-hidden">Multi Page</div><div fs-cmssort-field="price" class="tm-price u-hidden">79</div><div fs-cmsfilter-field="types" class="tm-type u-hidden">Multi Page</div></div></div><div role="listitem" class="tm-templates_grid_item w-dyn-item"><div class="mp-template-item"><a data-wf-native-id-path="bba6739f-f675-4415-119e-d8a8b46e581b_instance-3:3c137672-3318-900f-a55b-42b266794d79_instance-3" href="/templates/html/sustainabilityhub-website-template" class="tm-link w-inline-block"><img alt="Sustainability Hub" loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/672d590e69e5d6e3147883e7_1731024200009_400305798_Thumbnail.jpeg" class="tm-card_image"/><div class="mp-card_hover"><div class="mp-card_hover-content"><div class="paragraph-l u-text-semibold">View details</div><img loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/670878b0296e4ae4034fe652_view-details-arrow.svg" alt=""/></div></div></a><div class="mp-template-content"><img width="28" height="28" src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/66fb8dc649852eb0c210e733_1727761114965_462056686_Logo.png" loading="lazy" alt="Wavesdesign" class="tm-templates-creator-icon"/><div class="mp-template-details"><div class="template-details-wrap"><div class="template-name-wrap"><a data-wf-native-id-path="bba6739f-f675-4415-119e-d8a8b46e581b_instance-3:3c137672-3318-900f-a55b-42b266794d85_instance-3" href="/templates/html/sustainabilityhub-website-template" class="template-name">Sustainability Hub</a></div><div class="template-price-wrap"><div class="category-text price-tag">$129 USD</div></div></div><div class="template-creator-wrap"><a data-wf-native-id-path="bba6739f-f675-4415-119e-d8a8b46e581b_instance-3:b193320d-9022-6ccd-6e5d-da944c61e8f3_instance-3" href="/templates/designers/wavesdesign">Wavesdesign</a></div></div></div><div fs-cmssort-type="date" fs-cmssort-field="approval-date" class="tm-approval-date u-hidden">November 3, 2024</div><div fs-cmsfilter-field="types" class="tm-type u-hidden">Multi Layout</div><div fs-cmssort-field="price" class="tm-price u-hidden">129</div><div fs-cmsfilter-field="types" class="tm-type u-hidden">Multi Layout</div></div></div></div></div></div></div></div><footer class="g-footer"><div class="g-footer_container"><div class="g-footer-column_wrapper"><div class="g-footer-column"><div class="g-footer-section_title">Explore</div><ul aria-label="Product" role="list" class="g-footer-list cc-last w-list-unstyled"><li class="g-footer-list_item"><a data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb71357b4" href="https://webflow.com/dashboard" class="g-footer-list_item-link w-inline-block"><div>Dashboard</div></a></li><li class="g-footer-list_item"><a data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb71357b8" href="https://webflow.com/marketplace" class="g-footer-list_item-link w-inline-block"><div>Marketplace</div></a></li><li class="g-footer-list_item"><a data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb71357bc" href="https://webflow.com/designers/popular/?utm_source=marketplace" class="g-footer-list_item-link w-inline-block"><div>Designers</div></a></li></ul></div><div class="g-footer-column"><div class="g-footer-section_title">Learn & get help</div><ul aria-label="Get help" role="list" class="g-footer-list cc-last w-list-unstyled"><li class="g-footer-list_item"><a data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb71357c4" href="https://support.webflow.com/" class="g-footer-list_item-link w-inline-block"><div>Support</div></a></li><li class="g-footer-list_item"><a data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb71357c8" href="https://university.webflow.com/?utm_source=marketplace" class="g-footer-list_item-link w-inline-block"><div>University</div></a></li><li class="g-footer-list_item"><a data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb71357cc" href="https://university.webflow.com/courses/?utm_source=marketplace" class="g-footer-list_item-link w-inline-block"><div>Courses</div></a></li><li class="g-footer-list_item"><a data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb71357d0" href="https://webflow.com/blog/?utm_source=marketplace" class="g-footer-list_item-link w-inline-block"><div>Blog</div></a></li><li class="g-footer-list_item"><a data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb71357d4" href="https://webflow.com/resources" class="g-footer-list_item-link w-inline-block"><div>Ebooks</div></a></li><li class="g-footer-list_item"><a data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb71357d8" href="https://forum.webflow.com/?utm_source=marketplace" class="g-footer-list_item-link w-inline-block"><div>Forum</div></a></li><li class="g-footer-list_item"><a data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb71357dc" href="https://webflow.com/community?utm_source=marketplace" class="g-footer-list_item-link w-inline-block"><div>Community</div></a></li><li class="g-footer-list_item"><a data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb71357e0" href="https://developers.webflow.com/?utm_source=marketplace" class="g-footer-list_item-link w-inline-block"><div>Developers</div></a></li><li class="g-footer-list_item"><a data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb71357e4" href="https://wishlist.webflow.com/?utm_source=marketplace" class="g-footer-list_item-link w-inline-block"><div>Wishlist</div></a></li><li class="g-footer-list_item u-mb-0"><a data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb71357e8" href="https://status.webflow.com/" class="g-footer-list_item-link w-inline-block"><div>Status</div></a></li></ul></div><div class="g-footer-column"><div class="g-footer-section_title">Company</div><ul aria-label="Company" role="list" class="g-footer-list w-list-unstyled"><li class="g-footer-list_item"><a data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb71357f0" href="https://webflow.com/about?utm_source=marketplace" class="g-footer-list_item-link w-inline-block"><div>About</div></a></li><li class="g-footer-list_item"><a data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb71357f4" href="https://webflow.com/careers?utm_source=marketplace" class="g-footer-list_item-link cc-combo w-inline-block"><div>Careers</div></a></li><li class="g-footer-list_item"><a data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb71357f8" href="https://webflow.com/sitemap?utm_source=marketplace" class="g-footer-list_item-link w-inline-block"><div>Sitemap</div></a></li><li class="g-footer-list_item"><a data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb71357fc" href="https://webflow.com/affiliates?utm_source=marketplace" class="g-footer-list_item-link w-inline-block"><div>Become an affiliate</div></a></li></ul><div class="g-footer-section_title">Terms & policies</div><ul aria-label="Company" role="list" class="g-footer-list cc-last w-list-unstyled"><li class="g-footer-list_item"><a data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb7135803" href="https://webflow.com/legal/terms" class="g-footer-list_item-link w-inline-block"><div>Terms of Service</div></a></li><li class="g-footer-list_item"><a data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb7135807" href="https://webflow.com/legal/privacy" class="g-footer-list_item-link w-inline-block"><div>Privacy policy</div></a></li><li class="g-footer-list_item"><a data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb713580b" href="https://webflow.com/legal/cookie-policy" class="g-footer-list_item-link w-inline-block"><div>Cookie policy</div></a></li><li class="g-footer-list_item"><a id="show-cookie-preferences" data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb713580f" href="#" class="g-footer-list_item-link w-inline-block"><div>Cookie preferences</div></a></li></ul></div><div class="g-footer-column"><div class="g-footer-section_title">Social</div><ul role="list" class="g-footer-list cc-social u-mb-0 w-list-unstyled"><li class="g-footer-list_item"><a data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb7135817" href="https://webflow.com/discover/popular#recent" class="g-footer-list_item-link w-inline-block"><div class="w-embed"><svg width="22" height="14" viewBox="0 0 22 14" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M21.9575 0.157898L14.9576 13.8421H8.3826L11.3121 8.1708H11.1806C8.76383 11.3081 5.15791 13.3734 0.0200195 13.8421V8.24927C0.0200195 8.24927 3.30685 8.05514 5.23909 6.02368H0.0200195V0.158006H5.88569V4.98244L6.01734 4.98189L8.41427 0.158006H12.8503V4.95185L12.982 4.95163L15.4688 0.157898H21.9575Z" fill="currentColor"/> </svg></div></a></li><li class="g-footer-list_item cc-social"><a rel="noopener" data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb713581a" href="https://www.youtube.com/webflow" target="_blank" class="g-footer-list_item-link w-inline-block"><div class="w-embed"><svg aria-label="YouTube" width="18" height="13" viewBox="0 0 18 13" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M17.1 1.83737C17.4829 2.32842 17.7311 2.91085 17.82 3.52713C17.9319 4.44288 17.992 5.36422 18 6.28674V7.57655C17.9924 8.50241 17.9323 9.4271 17.82 10.3462C17.7311 10.9624 17.4829 11.5449 17.1 12.0359C16.6125 12.4946 15.9694 12.7518 15.3 12.7558C12.78 12.9358 9 12.9358 9 12.9358C9 12.9358 4.32 12.9358 2.9 12.7658C2.16881 12.762 1.46173 12.5039 0.9 12.0359C0.515501 11.542 0.267246 10.9559 0.18 10.3362C0.0680335 9.42042 0.0079376 8.49908 0 7.57655V6.28674C0.00756015 5.36088 0.0676567 4.43619 0.18 3.51713C0.268925 2.90085 0.517095 2.31843 0.9 1.82737C1.38752 1.3687 2.0306 1.11151 2.7 1.10748C5.22 0.9375 9 0.9375 9 0.9375C9 0.9375 12.78 0.9375 15.3 1.11747C15.9694 1.12151 16.6125 1.3787 17.1 1.83737ZM13 6.9375L7 3.9375V9.9375L13 6.9375Z" fill="currentColor"/> </svg></div></a></li><li class="g-footer-list_item"><a rel="noopener" data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb713581d" href="https://twitter.com/webflow" target="_blank" class="g-footer-list_item-link w-inline-block"><div class="w-embed"><svg aria-label="Twitter" width="17" height="15" viewBox="0 0 17 15" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M16.99 2.59748C16.3554 2.88394 15.6811 3.07272 14.99 3.1574C15.7279 2.70085 16.2724 1.98922 16.52 1.15768C15.8382 1.56914 15.0906 1.86002 14.31 2.01756C13.6474 1.31837 12.7233 0.927028 11.76 0.937713C10.8291 0.943002 9.9384 1.31783 9.28389 1.97975C8.62939 2.64166 8.26468 3.53643 8.27 4.46721C8.26915 4.73971 8.29935 5.01143 8.35999 5.2771C5.54619 5.13093 2.92935 3.78812 1.17 1.58762C0.245024 3.20177 0.715031 5.25559 2.25 6.30695C1.69556 6.28982 1.15349 6.13888 0.67 5.86701C0.662269 7.54111 1.83183 8.99033 3.47 9.33652C2.95825 9.47698 2.42098 9.49751 1.9 9.39651C2.34953 10.8271 3.66066 11.8123 5.16 11.8462C3.92946 12.8254 2.40273 13.3578 0.83 13.3559C0.553572 13.3722 0.276428 13.3722 0 13.3559C1.58928 14.3888 3.4445 14.9377 5.34 14.9357C7.99454 14.9333 10.5376 13.8682 12.4014 11.9783C14.2653 10.0885 15.2947 7.5311 15.26 4.87715C15.26 4.72384 15.26 4.57053 15.26 4.41722C15.9396 3.91759 16.5254 3.30148 16.99 2.59748Z" fill="currentColor"/> </svg></div></a></li><li class="g-footer-list_item"><a rel="noopener" data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb7135820" href="https://www.facebook.com/webflow/" target="_blank" class="g-footer-list_item-link w-inline-block"><div class="w-embed"><svg aria-label="Facebook" width="19" height="20" viewBox="0 0 19 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M19 10.495C18.9998 8.67955 18.4794 6.90217 17.5004 5.37329C16.5215 3.84441 15.1249 2.62804 13.4761 1.86821C11.8273 1.10837 9.99534 0.836881 8.19704 1.08588C6.39875 1.33487 4.70945 2.09393 3.32915 3.27318C1.94885 4.45243 0.935345 6.00249 0.408625 7.73985C-0.118094 9.47721 -0.135971 11.3291 0.357111 13.0763C0.850194 14.8235 1.83359 16.3929 3.19087 17.5985C4.54814 18.8042 6.22247 19.5958 8.01563 19.8794V13.2413H5.60342V10.495H8.01563V8.40183C8.01563 6.02129 9.43429 4.70554 11.6035 4.70554C12.3161 4.71576 13.027 4.77767 13.7307 4.89079V7.22937H12.5321C12.1713 7.18148 11.8062 7.27883 11.5172 7.50003C11.2281 7.72123 11.0388 8.04817 10.9907 8.40896C10.9771 8.50999 10.975 8.61224 10.9844 8.71375V10.495H13.6167L13.1955 13.2413H10.9788V19.8794C13.2145 19.5271 15.251 18.3882 16.7215 16.6677C18.1921 14.9472 19.0001 12.7583 19 10.495V10.495Z" fill="currentColor"/> </svg></div></a></li><li class="g-footer-list_item"><a rel="noopener" data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb7135823" href="https://www.instagram.com/webflow/" target="_blank" class="g-footer-list_item-link w-inline-block"><div class="w-embed"><svg aria-label="Instagram" width="18" height="19" viewBox="0 0 18 19" fill="none" xmlns="http://www.w3.org/2000/svg"> <path fill-rule="evenodd" clip-rule="evenodd" d="M5.28999 0.991399C6.24999 0.941406 6.55999 0.941406 8.99999 0.941406C11.44 0.941406 11.75 0.941406 12.72 0.991399C13.4651 1.00749 14.2022 1.14947 14.9 1.41134C16.1042 1.8878 17.0518 2.84977 17.51 4.06096C17.7719 4.75865 17.9139 5.49561 17.93 6.24065C17.98 7.20051 17.98 7.51047 17.98 9.95012C17.98 11.4375 17.9614 12.1185 17.9469 12.65C17.9376 12.9903 17.93 13.2693 17.93 13.6596C17.9139 14.4046 17.7719 15.1416 17.51 15.8393C17.0426 17.0469 16.0878 18.0016 14.88 18.4689C14.1822 18.7308 13.4451 18.8728 12.7 18.8889C11.74 18.9388 11.43 18.9388 8.99027 18.9388H8.98999C7.50235 18.9388 6.82135 18.9203 6.28974 18.9058C5.94941 18.8965 5.67031 18.8889 5.27999 18.8889C4.53485 18.8728 3.79779 18.7308 3.1 18.4689C1.89018 17.9994 0.935014 17.0407 0.469999 15.8293C0.208096 15.1316 0.0660938 14.3946 0.0499999 13.6496C0 12.6897 0 12.3798 0 9.94012C0 7.50047 0 7.19052 0.0499999 6.22065C0.0660938 5.47561 0.208096 4.73866 0.469999 4.04096C0.939608 2.83132 1.8984 1.87629 3.11 1.41134C3.80779 1.14947 4.54485 1.00749 5.28999 0.991399ZM12.6406 2.61249C11.6906 2.5625 11.4006 2.5625 9.00061 2.5625V2.5825C7.52013 2.5825 6.84346 2.60136 6.32148 2.61592C5.99376 2.62505 5.72702 2.63249 5.36062 2.63249C4.79035 2.63982 4.22553 2.74465 3.69062 2.94245C2.91752 3.24733 2.30556 3.85921 2.00062 4.6322C1.8028 5.16704 1.69796 5.73177 1.69062 6.30196C1.64062 7.25183 1.64062 7.53179 1.64062 9.94144C1.64062 11.4217 1.65949 12.0983 1.67405 12.6202C1.68319 12.9479 1.69062 13.2146 1.69062 13.5809C1.69796 14.1511 1.8028 14.7158 2.00062 15.2507C2.30556 16.0237 2.91752 16.6355 3.69062 16.9404C4.22553 17.1382 4.79035 17.2431 5.36062 17.2504C6.31062 17.3004 6.59061 17.3004 9.00061 17.3004C10.4811 17.3004 11.1578 17.2815 11.6797 17.267C12.0075 17.2578 12.2742 17.2504 12.6406 17.2504C13.2109 17.2431 13.7757 17.1382 14.3106 16.9404C15.0837 16.6355 15.6957 16.0237 16.0006 15.2507C16.1984 14.7158 16.3033 14.1511 16.3106 13.5809C16.3606 12.6311 16.3606 12.3511 16.3606 9.94144C16.3606 8.46117 16.3417 7.78459 16.3272 7.26269C16.318 6.93502 16.3106 6.66832 16.3106 6.30196C16.3033 5.73177 16.1984 5.16704 16.0006 4.6322C15.6957 3.85921 15.0837 3.24733 14.3106 2.94245C13.7769 2.73783 13.212 2.62622 12.6406 2.61249Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M4.37891 9.93965C4.37891 7.38846 6.44735 5.32031 8.9989 5.32031C10.2242 5.32031 11.3993 5.80699 12.2657 6.67329C13.1321 7.53958 13.6189 8.71453 13.6189 9.93965C13.6189 12.4908 11.5505 14.559 8.9989 14.559C6.44735 14.559 4.37891 12.4908 4.37891 9.93965ZM6 9.94043C6 11.5973 7.34315 12.9404 9 12.9404C9.79565 12.9404 10.5587 12.6244 11.1213 12.0617C11.6839 11.4991 12 10.7361 12 9.94043C12 8.28358 10.6569 6.94043 9 6.94043C7.34315 6.94043 6 8.28358 6 9.94043Z" fill="currentColor"/> <path fill-rule="evenodd" clip-rule="evenodd" d="M13.7988 6.2225C14.3952 6.2225 14.8788 5.73897 14.8788 5.1425C14.8788 4.54603 14.3952 4.0625 13.7988 4.0625C13.2023 4.0625 12.7188 4.54603 12.7188 5.1425C12.7188 5.73897 13.2023 6.2225 13.7988 6.2225Z" fill="currentColor"/> </svg></div></a></li><li class="g-footer-list_item"><a rel="noopener" data-wf-native-id-path="ed12452a-86dc-fa03-23d2-dd44504d8a23:2b81a053-98e1-54b0-d03d-2affb7135826" href="https://www.tiktok.com/@webflow" target="_blank" class="g-footer-list_item-link w-inline-block"><div class="w-embed"><svg aria-label="TikTok" width="20" height="21" viewBox="0 0 20 21" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.30373 8.65756V11.7284C7.93253 11.6265 7.54412 11.6126 7.16708 11.6877C6.79004 11.7628 6.43401 11.9251 6.12521 12.1625C5.81641 12.3999 5.56272 12.7064 5.38283 13.0595C5.20293 13.4125 5.10143 13.8031 5.0858 14.2024C5.06468 14.5462 5.11448 14.8907 5.23187 15.2128C5.34925 15.535 5.53151 15.8271 5.76637 16.0699C6.00124 16.3126 6.28328 16.5002 6.59355 16.6199C6.90381 16.7398 7.23512 16.7891 7.56521 16.7646C9.39728 16.7646 10.0446 15.4246 10.0446 14.1678V2.00391H12.9611C13.4572 5.216 14.9992 5.96137 17.0661 6.30587V9.3834C17.0661 9.3834 14.6141 9.20193 13.0437 7.96915V14.0488C13.0421 16.7998 11.4755 19.8706 7.5872 19.8706C3.97883 19.8706 2.13281 16.688 2.13281 14.0204C2.15583 13.23 2.33952 12.4536 2.67179 11.7426C3.00405 11.0315 3.47735 10.4018 4.06045 9.89507C4.64356 9.38832 5.32323 9.01601 6.05464 8.80271C6.78607 8.5894 7.5526 8.53993 8.30373 8.65756Z" fill="currentColor"/> </svg></div></a></li></ul></div></div></div></footer><div class="tooltips w-embed"> <style> .tooltip { pointer-events: none; } .feature_icon:hover ~ .tooltip { opacity: 1; } </style></div><div class="header_template-cta"><div class="template-detail"><div class="w-dyn-list"><script type="text/x-wf-template" id="wf-template-4d2d0466-2a7e-6c24-3a3a-dc459b62c5e6">%3Cdiv%20role%3D%22listitem%22%20class%3D%22w-dyn-item%20w-dyn-repeater-item%22%3E%3Cimg%20alt%3D%22%22%20src%3D%22https%3A%2F%2Fcdn.prod.website-files.com%2F5e593fb060cf877cf875dd1f%2F64489dbefe850807d069fdeb_gallery1min.jpeg%22%20class%3D%22footer-image%22%2F%3E%3C%2Fdiv%3E</script><div role="list" class="w-dyn-items"><div role="listitem" class="w-dyn-item w-dyn-repeater-item"><img alt="" src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/64489dbefe850807d069fdeb_gallery1min.jpeg" class="footer-image"/></div></div><div class="w-dyn-hide w-dyn-empty"><div>No items found.</div></div></div><div class="template_info"><h4 class="template_name_footer">Ark Studio</h4></div></div><div class="footer_buttons-wrapper"><a id="footer-browser-preview" data-wf-native-id-path="be15aa93-0b43-5ea0-d30c-1e40f710a7df" href="https://ark-studio-template.webflow.io/homepage" target="_blank" class="button-sp cc-white w-inline-block"><div class="u-d-inline-block">Preview in browser</div></a><a id="footer-designer-preview" data-wf-native-id-path="71c1632d-8a89-4f58-bbfc-27656b960a03" href="https://preview.webflow.com/preview/ark-studio-template?utm_medium=preview_link&utm_source=designer&utm_content=ark-studio-template&preview=e320fbcef049acd5d013fab460ec74e3&pageId=6433b9623f44a778f1754d02&workflow=preview" target="_blank" class="button-sp cc-white w-inline-block"><div class="u-d-inline-block">Preview in Webflow</div></a><a data-wf-native-id-path="daeecf40-c000-f32e-8214-aecef9cdc725" href="#" class="button-sp cc-purchase w-inline-block"><div class="button_buy-title">Buy</div><div class="button_buy-price">$79 USD</div></a><a data-wf-native-id-path="30476896-3abd-b659-359b-46266478cb49" href="#" class="button-sp cc-purchase w-inline-block w-condition-invisible"><div class="button_buy-title cc-free">Use for free</div></a></div></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=5e593fb060cf87bbaf75dd20" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/5e593fb060cf87bbaf75dd20/js/webflow.513a9ee6a.js" type="text/javascript"></script> <script type='text/javascript' src="https://cdn.jsdelivr.net/gh/webflow/brand_studio@latest/global-brand-code/brand-body-scripts.js"></script> <script> $(document).ready(function() { $("#nav-view-all").appendTo("#nav-col-list"); }); </script>  <script type='text/javascript' src="https://webflow.com/resources/marketing-body.js"></script> <script type='text/javascript'> // Template details pages are tracked with the custom code in the CMS page because we can access template properties if (!location.pathname.startsWith('/templates/html/')) { wf_analytics.init({ pageView: { name: 'Template Marketplace Viewed', data: { 'params': window.location.search } }, page: 'template marketplace' }); } </script>  <script type="text/javascript"> (function(f,a){if(!a.__SV){var b=window;try{var d,m,j,k=b.location,c=k.hash;d=function(a,b){return(m=a.match(RegExp(b+"=([^&]*)")))?m[1]:null};c&&d(c,"state")&&(j=JSON.parse(decodeURIComponent(d(c,"state"))),"mpeditor"===j.action&&(b.sessionStorage.setItem("_mpcehash",c),history.replaceState(j.desiredHash||"",f.title,k.pathname+k.search)))}catch(n){}var l,h;window.freshpaint=a;a._i=[];a.init=function(b,d,g){function c(b,i){var a=i.split(".");2==a.length&&(b=b[a[0]],i=a[1]);b[i]=function(){b.push([i].concat(Array.prototype.slice.call(arguments, 0)))}}var e=a;"undefined"!==typeof g?e=a[g]=[]:g="freshpaint";e.people=e.people||[];e.toString=function(b){var a="freshpaint";"freshpaint"!==g&&(a+="."+g);b||(a+=" (stub)");return a};e.people.toString=function(){return e.toString(1)+".people (stub)"};l="disable time_event track track_pageview track_links track_forms track_with_groups add_group set_group remove_group register register_once alias unregister identify name_tag set_config reset opt_in_tracking opt_out_tracking has_opted_in_tracking has_opted_out_tracking clear_opt_in_out_tracking people.set people.set_once people.unset people.increment people.append people.union people.track_charge people.clear_charges people.delete_user people.remove people group page alias ready addEventProperties addInitialEventProperties removeEventProperty addPageviewProperties".split(" "); for(h=0;h<l.length;h++)c(e,l[h]);var f="set set_once union unset remove delete".split(" ");e.get_group=function(){function a(c){b[c]=function(){call2_args=arguments;call2=[c].concat(Array.prototype.slice.call(call2_args,0));e.push([d,call2])}}for(var b={},d=["get_group"].concat(Array.prototype.slice.call(arguments,0)),c=0;c<f.length;c++)a(f[c]);return b};a._i.push([b,d,g])};a.__SV=1.4;b=f.createElement("script");b.type="text/javascript";b.async=!0;b.src="undefined"!==typeof FRESHPAINT_CUSTOM_LIB_URL? FRESHPAINT_CUSTOM_LIB_URL:"//perfalytics.com/static/js/freshpaint.js";d=f.getElementsByTagName("script")[0];d.parentNode.insertBefore(b,d)}})(document,window.freshpaint||[]); freshpaint.init("4b19234d-d2d5-404a-8808-4b11cad1420b"); freshpaint.page(); </script> <script> $('.b-nav-search_icon').click(function() { setTimeout(function(){ $('#search-nav').focus(); }, 0); }); </script> <script> $('.cc-purchase').attr('href','https://webflow.com/dashboard/marketplace-checkout/redirect?rtype=Template&rid=645a5add59f33e4221dfd2a4'); </script> <script> $(document).ready(function() { $("#cms-tag").appendTo("#hero-tag-list"); $("#ecommerce-tag").appendTo("#hero-tag-list"); $("#memberships-tag").appendTo("#hero-tag-list"); }); </script> <script> wf_analytics.init({ pageView: { name: 'Template Marketplace Viewed', data: { template: 'Ark Studio', price: '$79 USD', 'template author': 'wavesdesign', } }, page: 'template marketplace' }); const previewCTAMap = [ { ctaId: document.querySelector('#hero-browser-preview'), ctaName: '(Hero) Preview in browser' }, { ctaId: document.querySelector('#hero-designer-preview'), ctaName: '(Hero) Preview in designer' }, { ctaId: document.querySelector('#footer-browser-preview'), ctaName: '(Footer) Preview in browser' }, { ctaId: document.querySelector('#footer-designer-preview'), ctaName: '(Footer) Preview in designer' } ] previewCTAMap.forEach((item) => { const ctaElem = item.ctaId; ctaElem.addEventListener('click', (e) => { wf_analytics.track( 'Template Detail Page - Preview CTA Clicked', { 'cta': `${item.ctaName}`, 'template': 'Ark Studio' } ); }) }); </script> <script> Webflow.push(function() { $(".w-condition-invisible").remove(); }); Webflow.ready(); </script> <script src="https://cdnjs.cloudflare.com/ajax/libs/OwlCarousel2/2.3.4/owl.carousel.min.js" integrity="sha256-pTxD+DSzIwmwhOqTFN+DB+nHjO4iAsbgfyFq5K5bcE0=" crossorigin="anonymous"></script>  <script> $('#owl-carousel').owlCarousel({ loop:true, items:1, pullDrag:false, margin:60, dotsEach:1, nav:true, paginationSpeed : 800, onDragged: logDrag }) function logDrag(event) { wf_analytics.track( 'Template Detail Page - Image Carousel Scrolled', { 'cta': 'Dragging image', 'template': 'Ark Studio' } ); } const carouselBtnsMap = [ { selector: document.querySelector('.owl-next'), ctaName: 'Next Image' }, { selector: document.querySelector('.owl-prev'), ctaName: 'Previous Image' } ] carouselBtnsMap.forEach((btn) => { const btnElem = btn.selector; btnElem.addEventListener('click', (e) => { wf_analytics.track( 'Template Detail Page - Image Carousel Scrolled', { 'cta': `${btn.ctaName}`, 'template': 'Ark Studio' } ); }) }); const carouselDots = document.querySelectorAll('.owl-dot'); carouselDots.forEach((dot) => { dot.addEventListener('click', (e)=>{ wf_analytics.track( 'Template Detail Page - Image Carousel Scrolled', { 'cta': 'Carousel Dot', 'template': 'Ark Studio' } ); }) }) </script>  <script> $('.w-tab-link').each(function() { $(this).attr("href", "#"); }); </script> <script> var Webflow = Webflow || []; Webflow.push(function () { var tabName = getParam('tab'); if (!tabName) return; $('.' + tabName).triggerHandler('click'); function getParam(name) { name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]"); var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"), results = regex.exec(location.search); return results == null ? "" : decodeURIComponent(results[1]. replace(/\+/g, " ")); } }); </script>  <script> $( ".feature_item" ).each(function( i ) { var str = $(this).find(".feature_accordion_cms-name").text().replace(/\s/g,''); $(this).attr('id', str); }); </script> <script> const upsellToast = document.querySelector('#ts-upsell-toast'); const upsellCTABtn = document.querySelector('#upsell-toast-cta'); const upsellCloseBtn = document.querySelector('#ts-upsell-close'); const upsellToastTitle = document.querySelector('#upsell-toast-title'); const upsellToastDesc = document.querySelector('#upsell-toast-desc'); if (upsellToast && upsellCTABtn && upsellCloseBtn) { const upsellCTABaseURL = 'https://webflow.com/templates/services/service-type?ref=detail_toast&utm_content=detail_toast'; const urlSafeTemplateName = encodeURIComponent('Ark Studio'); const tSlug = 'ark-studio-architecture-website-template' const tURL = `https://webflow.com/templates/html/${tSlug}`; const urlSafeTemplateLink = encodeURIComponent(tURL); upsellCTABtn.href = `${upsellCTABaseURL}&templateName=${urlSafeTemplateName}&templateLink=${urlSafeTemplateLink}` upsellCloseBtn.addEventListener('click', (e) => { upsellToast.style.display = 'none'; wf_analytics.track( 'Template Services - Detail Toast Closed', {} ) }); upsellCTABtn.addEventListener('click', (e) => { const templateName = e.currentTarget.getAttribute('data-template-name'); wf_analytics.track( 'Template Services - Schedule CTA Clicked', { 'cta-location': 'Detail Page Toast', 'template-name': templateName ?? '' } ); }); } </script>  <script> // Function to add commas between list items and copy to span function addCommasBetweenItemsAndCopy() { // Get the parent container const parentCategory = document.getElementById('parentCategory'); const parentCategoryName = document.getElementById('parentCategoryName'); if (!parentCategory || !parentCategoryName) return; // Get all list items const listItems = parentCategory.querySelectorAll('.w-dyn-item'); if (listItems.length <= 1) { // If only one item, just copy it directly if (listItems.length === 1) { parentCategoryName.textContent = listItems[0].textContent.trim(); } return; } // Remove any existing text nodes (in case function is called multiple times) Array.from(parentCategory.childNodes) .filter(node => node.nodeType === Node.TEXT_NODE) .forEach(node => node.remove()); // Add comma after each item except the last one listItems.forEach((item, index) => { if (index < listItems.length - 1) { // Create wrapper span to maintain spacing const wrapper = document.createElement('span'); wrapper.textContent = ', '; wrapper.style.marginRight = '3px'; item.after(wrapper); } }); // Create the combined text for parentCategoryName const combinedText = Array.from(listItems) .map(item => item.textContent.trim()) .join(', '); // Set the text content of parentCategoryName parentCategoryName.textContent = combinedText; } // Run when DOM is loaded document.addEventListener('DOMContentLoaded', addCommasBetweenItemsAndCopy); </script>  <script> document.addEventListener('DOMContentLoaded', () => { // Get the link elements const authorLink = document.getElementById('browseAuthor'); const similarLink = document.getElementById('browseSimilar'); // Template name from config (matching existing pattern) const templateName = 'Ark Studio'; // Add click tracking for author browsing if (authorLink) { authorLink.addEventListener('click', () => { wf_analytics.track('Template Detail Page - Browse Author Clicked', { 'template': templateName }); }); } // Add click tracking for similar templates browsing if (similarLink) { similarLink.addEventListener('click', () => { wf_analytics.track('Template Detail Page - Similar Templates Clicked', { 'template': templateName }); }); } }); </script></body></html>