CINXE.COM

<!DOCTYPE html><html data-wf-domain="ark-studio-template.webflow.io" data-wf-page="6434e79315d33e840e21a96b" data-wf-site="6433b9623f44a78e39754d01" lang="en"><head><meta charset="utf-8"/><title>Start here | Ark Studio - Webflow Ecommerce website template</title><meta 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." name="description"/><meta content="Start here | Ark Studio - Webflow Ecommerce website template" property="og:title"/><meta 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." property="og:description"/><meta content="https://cdn.prod.website-files.com/6433b9623f44a78e39754d01/643611cd5ab90f2c3aa1532c_OG.jpg" property="og:image"/><meta content="Start here | Ark Studio - Webflow Ecommerce website template" property="twitter:title"/><meta 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." property="twitter:description"/><meta content="https://cdn.prod.website-files.com/6433b9623f44a78e39754d01/643611cd5ab90f2c3aa1532c_OG.jpg" 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/6433b9623f44a78e39754d01/css/ark-studio-template.webflow.0696d67b6.css" rel="stylesheet" type="text/css"/><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/6433b9623f44a78e39754d01/6436128c5ab90f1b13a16044_32.png" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/6433b9623f44a78e39754d01/6436128e8aa193ac15d88c00_256.png" rel="apple-touch-icon"/><meta name="robots" content="noindex"><script type="text/javascript">window.__WEBFLOW_CURRENCY_SETTINGS = {"currencyCode":"USD","symbol":"$","decimal":".","fractionDigits":2,"group":",","template":"{{wf {\"path\":\"symbol\",\"type\":\"PlainText\"} }} {{wf {\"path\":\"amount\",\"type\":\"CommercePrice\"} }} {{wf {\"path\":\"currencyCode\",\"type\":\"PlainText\"} }}","hideDecimalForWholeNumbers":false};</script></head><body><div data-animation="default" class="navbar w-nav" data-easing2="ease" data-easing="ease" data-collapse="medium" data-w-id="0076e0f9-4b88-1eb9-c0bc-eec98f5e99ff" role="banner" data-no-scroll="1" data-duration="400"><div class="container-navbar"><a href="/" class="brand-link-navbar w-nav-brand"><img src="https://cdn.prod.website-files.com/6433b9623f44a78e39754d01/6433bbe43030fd1129e00a2c_Logo%20Dark.svg" loading="lazy" alt="" class="brand-navbar"/></a><div class="right-navbar"><nav role="navigation" class="nav-menu w-nav-menu"><a href="/homepage" class="nav-link w-nav-link">home</a><a href="/about" class="nav-link w-nav-link">about</a><a href="/projects" class="nav-link w-nav-link">projects</a><div data-hover="false" data-delay="0" class="dropdown w-dropdown"><div class="dropdown-toggle w-dropdown-toggle"><div>more pages</div><img src="https://cdn.prod.website-files.com/6433b9623f44a78e39754d01/64351bf8516c1b06d4e7f26d_nav-arrow-down.svg" loading="lazy" alt="" class="icon-drodown"/></div><nav class="dropdown-list w-dropdown-list"><a href="/services" class="dropdown-link w-dropdown-link">services</a><a href="/shop" class="dropdown-link w-dropdown-link">shop</a><a href="/contact" class="dropdown-link w-dropdown-link">contact</a><a href="/blog" class="dropdown-link w-dropdown-link">blog</a><a href="/legal" class="dropdown-link w-dropdown-link">legal</a><a href="/#pages" class="dropdown-link w-dropdown-link">see all pages</a></nav></div><div data-hover="false" data-delay="0" class="dropdown w-dropdown"><div class="dropdown-toggle w-dropdown-toggle"><div>template</div><img src="https://cdn.prod.website-files.com/6433b9623f44a78e39754d01/64351bf8516c1b06d4e7f26d_nav-arrow-down.svg" loading="lazy" alt="" class="icon-drodown"/></div><nav class="dropdown-list w-dropdown-list"><a href="/" class="dropdown-link w-dropdown-link">template home</a><a href="/template/style-guide" class="dropdown-link w-dropdown-link">style guide</a><a href="/template/licenses" class="dropdown-link w-dropdown-link">licenses</a><a href="/template/changelog" class="dropdown-link w-dropdown-link">changelog</a><a href="/template/start-here" aria-current="page" class="dropdown-link w-dropdown-link w--current">start here</a><a href="https://webflow.com/templates/designers/wavesdesign" target="_blank" class="dropdown-link w-dropdown-link">more templates</a></nav></div></nav><div class="wrap-nav-buttons"><div class="divider-nav"></div><div data-node-type="commerce-cart-wrapper" data-open-product="" data-wf-cart-type="modal" data-wf-cart-query="query Dynamo2 { database { id commerceOrder { comment extraItems { name pluginId pluginName price { value unit decimalValue string } } id startedOn statusFlags { hasDownloads hasSubscription isFreeOrder requiresShipping } subtotal { value unit decimalValue string } total { value unit decimalValue string } updatedOn userItems { count id price { value unit decimalValue string } product { id cmsLocaleId f__draft_0ht f__archived_0ht f_ec_product_type_2dr10dr { id name } f_name_ f_sku_properties_3dr { id name enum { id name slug } } } rowTotal { value unit decimalValue string } sku { cmsLocaleId f__draft_0ht f__archived_0ht f_main_image_4dr { url file { size origFileName createdOn updatedOn mimeType width height variants { origFileName quality height width s3Url error size } } alt } f_sku_values_3dr { property { id } value { id } } id } subscriptionFrequency subscriptionInterval subscriptionTrial } userItemsCount } } site { id commerce { businessAddress { country } defaultCountry defaultCurrency quickCheckoutEnabled } } }" data-wf-page-link-href-prefix="" class="w-commerce-commercecartwrapper cart"><a href="#" data-node-type="commerce-cart-open-link" aria-haspopup="dialog" aria-label="Open cart" role="button" class="w-commerce-commercecartopenlink button cart-button w-inline-block"><div class="w-inline-block">cart</div><div data-wf-bindings="%5B%7B%22innerHTML%22%3A%7B%22type%22%3A%22Number%22%2C%22filter%22%3A%7B%22type%22%3A%22numberPrecision%22%2C%22params%22%3A%5B%220%22%2C%22numberPrecision%22%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItemsCount%22%7D%7D%5D" style="display:none" data-count-hide-rule="always" class="w-commerce-commercecartopenlinkcount">0</div></a><div data-node-type="commerce-cart-container-wrapper" style="display:none" class="w-commerce-commercecartcontainerwrapper w-commerce-commercecartcontainerwrapper--cartType-modal"><div role="dialog" data-node-type="commerce-cart-container" class="w-commerce-commercecartcontainer"><div class="w-commerce-commercecartheader block-header"><h4 class="w-commerce-commercecartheading">Your Cart</h4><a href="#" data-node-type="commerce-cart-close-link" role="button" aria-label="Close cart" class="w-commerce-commercecartcloselink w-inline-block"><svg width="16px" height="16px" viewBox="0 0 16 16"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g fill-rule="nonzero" fill="#333333"><polygon points="6.23223305 8 0.616116524 13.6161165 2.38388348 15.3838835 8 9.76776695 13.6161165 15.3838835 15.3838835 13.6161165 9.76776695 8 15.3838835 2.38388348 13.6161165 0.616116524 8 6.23223305 2.38388348 0.616116524 0.616116524 2.38388348 6.23223305 8"></polygon></g></g></svg></a></div><div class="w-commerce-commercecartformwrapper block-content"><form data-node-type="commerce-cart-form" style="display:none" class="w-commerce-commercecartform"><script type="text/x-wf-template" id="wf-template-98e57630-c462-5658-2448-78b6c2acb13b">%3Cdiv%20class%3D%22w-commerce-commercecartitem%22%3E%3Cimg%20data-wf-bindings%3D%22%255B%257B%2522src%2522%253A%257B%2522type%2522%253A%2522ImageRef%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.sku.f_main_image_4dr%2522%257D%257D%255D%22%20src%3D%22%22%20alt%3D%22%22%20class%3D%22w-commerce-commercecartitemimage%20w-dyn-bind-empty%22%2F%3E%3Cdiv%20class%3D%22w-commerce-commercecartiteminfo%22%3E%3Cdiv%20data-wf-bindings%3D%22%255B%257B%2522innerHTML%2522%253A%257B%2522type%2522%253A%2522PlainText%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.product.f_name_%2522%257D%257D%255D%22%20class%3D%22w-commerce-commercecartproductname%20w-dyn-bind-empty%22%3E%3C%2Fdiv%3E%3Cdiv%20data-wf-bindings%3D%22%255B%257B%2522innerHTML%2522%253A%257B%2522type%2522%253A%2522CommercePrice%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522price%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.price%2522%257D%257D%255D%22%3E%24%C2%A00.00%C2%A0USD%3C%2Fdiv%3E%3Cscript%20type%3D%22text%2Fx-wf-template%22%20id%3D%22wf-template-98e57630-c462-5658-2448-78b6c2acb141%22%3E%253Cli%253E%253Cspan%2520data-wf-bindings%253D%2522%25255B%25257B%252522innerHTML%252522%25253A%25257B%252522type%252522%25253A%252522PlainText%252522%25252C%252522filter%252522%25253A%25257B%252522type%252522%25253A%252522identity%252522%25252C%252522params%252522%25253A%25255B%25255D%25257D%25252C%252522dataPath%252522%25253A%252522database.commerceOrder.userItems%25255B%25255D.product.f_sku_properties_3dr%25255B%25255D.name%252522%25257D%25257D%25255D%2522%2520class%253D%2522w-dyn-bind-empty%2522%253E%253C%252Fspan%253E%253Cspan%253E%253A%2520%253C%252Fspan%253E%253Cspan%2520data-wf-bindings%253D%2522%25255B%25257B%252522innerHTML%252522%25253A%25257B%252522type%252522%25253A%252522CommercePropValues%252522%25252C%252522filter%252522%25253A%25257B%252522type%252522%25253A%252522identity%252522%25252C%252522params%252522%25253A%25255B%25255D%25257D%25252C%252522dataPath%252522%25253A%252522database.commerceOrder.userItems%25255B%25255D.product.f_sku_properties_3dr%25255B%25255D%252522%25257D%25257D%25255D%2522%2520class%253D%2522w-dyn-bind-empty%2522%253E%253C%252Fspan%253E%253C%252Fli%253E%3C%2Fscript%3E%3Cul%20data-wf-bindings%3D%22%255B%257B%2522optionSets%2522%253A%257B%2522type%2522%253A%2522CommercePropTable%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.product.f_sku_properties_3dr%5B%5D%2522%257D%257D%252C%257B%2522optionValues%2522%253A%257B%2522type%2522%253A%2522CommercePropValues%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.sku.f_sku_values_3dr%2522%257D%257D%255D%22%20class%3D%22w-commerce-commercecartoptionlist%22%20data-wf-collection%3D%22database.commerceOrder.userItems%255B%255D.product.f_sku_properties_3dr%22%20data-wf-template-id%3D%22wf-template-98e57630-c462-5658-2448-78b6c2acb141%22%3E%3Cli%3E%3Cspan%20data-wf-bindings%3D%22%255B%257B%2522innerHTML%2522%253A%257B%2522type%2522%253A%2522PlainText%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.product.f_sku_properties_3dr%255B%255D.name%2522%257D%257D%255D%22%20class%3D%22w-dyn-bind-empty%22%3E%3C%2Fspan%3E%3Cspan%3E%3A%20%3C%2Fspan%3E%3Cspan%20data-wf-bindings%3D%22%255B%257B%2522innerHTML%2522%253A%257B%2522type%2522%253A%2522CommercePropValues%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.product.f_sku_properties_3dr%255B%255D%2522%257D%257D%255D%22%20class%3D%22w-dyn-bind-empty%22%3E%3C%2Fspan%3E%3C%2Fli%3E%3C%2Ful%3E%3Ca%20href%3D%22%23%22%20role%3D%22button%22%20aria-label%3D%22Remove%20item%20from%20cart%22%20data-wf-bindings%3D%22%255B%257B%2522data-commerce-sku-id%2522%253A%257B%2522type%2522%253A%2522ItemRef%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.sku.id%2522%257D%257D%255D%22%20class%3D%22w-inline-block%22%20data-wf-cart-action%3D%22remove-item%22%20data-commerce-sku-id%3D%22%22%3E%3Cdiv%3ERemove%3C%2Fdiv%3E%3C%2Fa%3E%3C%2Fdiv%3E%3Cinput%20aria-label%3D%22Update%20quantity%22%20data-wf-bindings%3D%22%255B%257B%2522value%2522%253A%257B%2522type%2522%253A%2522Number%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522numberPrecision%2522%252C%2522params%2522%253A%255B%25220%2522%252C%2522numberPrecision%2522%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.count%2522%257D%257D%252C%257B%2522data-commerce-sku-id%2522%253A%257B%2522type%2522%253A%2522ItemRef%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.sku.id%2522%257D%257D%255D%22%20data-wf-conditions%3D%22%257B%2522condition%2522%253A%257B%2522fields%2522%253A%257B%2522product%253Aec-product-type%2522%253A%257B%2522ne%2522%253A%2522e348fd487d0102946c9179d2a94bb613%2522%252C%2522type%2522%253A%2522Option%2522%257D%257D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D%2522%257D%22%20class%3D%22w-commerce-commercecartquantity%20text-field-checkout%22%20required%3D%22%22%20pattern%3D%22%5E%5B0-9%5D%2B%24%22%20inputMode%3D%22numeric%22%20type%3D%22number%22%20name%3D%22quantity%22%20autoComplete%3D%22off%22%20data-wf-cart-action%3D%22update-item-quantity%22%20data-commerce-sku-id%3D%22%22%20value%3D%221%22%2F%3E%3C%2Fdiv%3E</script><div class="w-commerce-commercecartlist" data-wf-collection="database.commerceOrder.userItems" data-wf-template-id="wf-template-98e57630-c462-5658-2448-78b6c2acb13b"><div class="w-commerce-commercecartitem"><img data-wf-bindings="%5B%7B%22src%22%3A%7B%22type%22%3A%22ImageRef%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.sku.f_main_image_4dr%22%7D%7D%5D" src="" alt="" class="w-commerce-commercecartitemimage w-dyn-bind-empty"/><div class="w-commerce-commercecartiteminfo"><div data-wf-bindings="%5B%7B%22innerHTML%22%3A%7B%22type%22%3A%22PlainText%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.product.f_name_%22%7D%7D%5D" class="w-commerce-commercecartproductname w-dyn-bind-empty"></div><div data-wf-bindings="%5B%7B%22innerHTML%22%3A%7B%22type%22%3A%22CommercePrice%22%2C%22filter%22%3A%7B%22type%22%3A%22price%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.price%22%7D%7D%5D">$ 0.00 USD</div><script type="text/x-wf-template" id="wf-template-98e57630-c462-5658-2448-78b6c2acb141">%3Cli%3E%3Cspan%20data-wf-bindings%3D%22%255B%257B%2522innerHTML%2522%253A%257B%2522type%2522%253A%2522PlainText%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.product.f_sku_properties_3dr%255B%255D.name%2522%257D%257D%255D%22%20class%3D%22w-dyn-bind-empty%22%3E%3C%2Fspan%3E%3Cspan%3E%3A%20%3C%2Fspan%3E%3Cspan%20data-wf-bindings%3D%22%255B%257B%2522innerHTML%2522%253A%257B%2522type%2522%253A%2522CommercePropValues%2522%252C%2522filter%2522%253A%257B%2522type%2522%253A%2522identity%2522%252C%2522params%2522%253A%255B%255D%257D%252C%2522dataPath%2522%253A%2522database.commerceOrder.userItems%255B%255D.product.f_sku_properties_3dr%255B%255D%2522%257D%257D%255D%22%20class%3D%22w-dyn-bind-empty%22%3E%3C%2Fspan%3E%3C%2Fli%3E</script><ul data-wf-bindings="%5B%7B%22optionSets%22%3A%7B%22type%22%3A%22CommercePropTable%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.product.f_sku_properties_3dr[]%22%7D%7D%2C%7B%22optionValues%22%3A%7B%22type%22%3A%22CommercePropValues%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.sku.f_sku_values_3dr%22%7D%7D%5D" class="w-commerce-commercecartoptionlist" data-wf-collection="database.commerceOrder.userItems%5B%5D.product.f_sku_properties_3dr" data-wf-template-id="wf-template-98e57630-c462-5658-2448-78b6c2acb141"><li><span data-wf-bindings="%5B%7B%22innerHTML%22%3A%7B%22type%22%3A%22PlainText%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.product.f_sku_properties_3dr%5B%5D.name%22%7D%7D%5D" class="w-dyn-bind-empty"></span><span>: </span><span data-wf-bindings="%5B%7B%22innerHTML%22%3A%7B%22type%22%3A%22CommercePropValues%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.product.f_sku_properties_3dr%5B%5D%22%7D%7D%5D" class="w-dyn-bind-empty"></span></li></ul><a href="#" role="button" aria-label="Remove item from cart" data-wf-bindings="%5B%7B%22data-commerce-sku-id%22%3A%7B%22type%22%3A%22ItemRef%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.sku.id%22%7D%7D%5D" class="w-inline-block" data-wf-cart-action="remove-item" data-commerce-sku-id=""><div>Remove</div></a></div><input aria-label="Update quantity" data-wf-bindings="%5B%7B%22value%22%3A%7B%22type%22%3A%22Number%22%2C%22filter%22%3A%7B%22type%22%3A%22numberPrecision%22%2C%22params%22%3A%5B%220%22%2C%22numberPrecision%22%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.count%22%7D%7D%2C%7B%22data-commerce-sku-id%22%3A%7B%22type%22%3A%22ItemRef%22%2C%22filter%22%3A%7B%22type%22%3A%22identity%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D.sku.id%22%7D%7D%5D" data-wf-conditions="%7B%22condition%22%3A%7B%22fields%22%3A%7B%22product%3Aec-product-type%22%3A%7B%22ne%22%3A%22e348fd487d0102946c9179d2a94bb613%22%2C%22type%22%3A%22Option%22%7D%7D%7D%2C%22dataPath%22%3A%22database.commerceOrder.userItems%5B%5D%22%7D" class="w-commerce-commercecartquantity text-field-checkout" required="" pattern="^[0-9]+$" inputMode="numeric" type="number" name="quantity" autoComplete="off" data-wf-cart-action="update-item-quantity" data-commerce-sku-id="" value="1"/></div></div><div class="w-commerce-commercecartfooter"><div aria-atomic="true" aria-live="polite" class="w-commerce-commercecartlineitem"><div>Subtotal</div><div data-wf-bindings="%5B%7B%22innerHTML%22%3A%7B%22type%22%3A%22CommercePrice%22%2C%22filter%22%3A%7B%22type%22%3A%22price%22%2C%22params%22%3A%5B%5D%7D%2C%22dataPath%22%3A%22database.commerceOrder.subtotal%22%7D%7D%5D" class="w-commerce-commercecartordervalue"></div></div><div><div data-node-type="commerce-cart-quick-checkout-actions" style="display:none"><a data-node-type="commerce-cart-apple-pay-button" role="button" tabindex="0" aria-label="Apple Pay" aria-haspopup="dialog" style="background-image:-webkit-named-image(apple-pay-logo-white);background-size:100% 50%;background-position:50% 50%;background-repeat:no-repeat" class="w-commerce-commercecartapplepaybutton apple-pay" tabindex="0"><div></div></a><a data-node-type="commerce-cart-quick-checkout-button" role="button" tabindex="0" aria-haspopup="dialog" style="display:none" class="w-commerce-commercecartquickcheckoutbutton apple-pay"><svg class="w-commerce-commercequickcheckoutgoogleicon" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="16" height="16" viewBox="0 0 16 16"><defs><polygon id="google-mark-a" points="0 .329 3.494 .329 3.494 7.649 0 7.649"></polygon><polygon id="google-mark-c" points=".894 0 13.169 0 13.169 6.443 .894 6.443"></polygon></defs><g fill="none" fill-rule="evenodd"><path fill="#4285F4" d="M10.5967,12.0469 L10.5967,14.0649 L13.1167,14.0649 C14.6047,12.6759 15.4577,10.6209 15.4577,8.1779 C15.4577,7.6339 15.4137,7.0889 15.3257,6.5559 L7.8887,6.5559 L7.8887,9.6329 L12.1507,9.6329 C11.9767,10.6119 11.4147,11.4899 10.5967,12.0469"></path><path fill="#34A853" d="M7.8887,16 C10.0137,16 11.8107,15.289 13.1147,14.067 C13.1147,14.066 13.1157,14.065 13.1167,14.064 L10.5967,12.047 C10.5877,12.053 10.5807,12.061 10.5727,12.067 C9.8607,12.556 8.9507,12.833 7.8887,12.833 C5.8577,12.833 4.1387,11.457 3.4937,9.605 L0.8747,9.605 L0.8747,11.648 C2.2197,14.319 4.9287,16 7.8887,16"></path><g transform="translate(0 4)"><mask id="google-mark-b" fill="#fff"><use xlink:href="#google-mark-a"></use></mask><path fill="#FBBC04" d="M3.4639,5.5337 C3.1369,4.5477 3.1359,3.4727 3.4609,2.4757 L3.4639,2.4777 C3.4679,2.4657 3.4749,2.4547 3.4789,2.4427 L3.4939,0.3287 L0.8939,0.3287 C0.8799,0.3577 0.8599,0.3827 0.8459,0.4117 C-0.2821,2.6667 -0.2821,5.3337 0.8459,7.5887 L0.8459,7.5997 C0.8549,7.6167 0.8659,7.6317 0.8749,7.6487 L3.4939,5.6057 C3.4849,5.5807 3.4729,5.5587 3.4639,5.5337" mask="url(#google-mark-b)"></path></g><mask id="google-mark-d" fill="#fff"><use xlink:href="#google-mark-c"></use></mask><path fill="#EA4335" d="M0.894,4.3291 L3.478,6.4431 C4.113,4.5611 5.843,3.1671 7.889,3.1671 C9.018,3.1451 10.102,3.5781 10.912,4.3671 L13.169,2.0781 C11.733,0.7231 9.85,-0.0219 7.889,0.0001 C4.941,0.0001 2.245,1.6791 0.894,4.3291" mask="url(#google-mark-d)"></path></g></svg><svg class="w-commerce-commercequickcheckoutmicrosofticon" xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16"><g fill="none" fill-rule="evenodd"><polygon fill="#F05022" points="7 7 1 7 1 1 7 1"></polygon><polygon fill="#7DB902" points="15 7 9 7 9 1 15 1"></polygon><polygon fill="#00A4EE" points="7 15 1 15 1 9 7 9"></polygon><polygon fill="#FFB700" points="15 15 9 15 9 9 15 9"></polygon></g></svg><div>Pay with browser.</div></a></div><a href="/checkout" value="Continue to Checkout" data-node-type="cart-checkout-button" class="w-commerce-commercecartcheckoutbutton button filled" data-loading-text="Hang Tight...">Continue to Checkout</a></div></div></form><div class="w-commerce-commercecartemptystate"><div aria-live="polite" aria-label="This cart is empty">No items found.</div></div><div aria-live="assertive" style="display:none" data-node-type="commerce-cart-error" class="w-commerce-commercecarterrorstate"><div class="w-cart-error-msg" data-w-cart-quantity-error="Product is not available in this quantity." data-w-cart-general-error="Something went wrong when adding this item to the cart." data-w-cart-checkout-error="Checkout is disabled on this site." data-w-cart-cart_order_min-error="The order minimum was not met. Add more items to your cart to continue." data-w-cart-subscription_error-error="Before you purchase, please use your email invite to verify your address so we can send order updates.">Product is not available in this quantity.</div></div></div></div></div></div><a href="https://webflow.com/templates/html/ark-studio-architecture-website-template" class="button nav-button w-button">buy template - $79</a><div class="menu-button w-nav-button"><div class="wrap-menu-button"><div class="line-menu first-line"></div><div class="line-menu second-line"></div></div></div></div></div></div></div><div id="top" class="section hero-template"><div class="main-container w-container"><h1>Start here</h1><div class="limit-720 mg-top-24"><div class="paragraph-mega">We want to offer you the best experience when working on your new website. Below you can find general information about editing Webflow sites.</div></div><div class="flex-cta-left mg-top-40"><a href="https://webflow.com/templates/html/ark-studio-architecture-website-template" target="_blank" class="button white-outline w-button">Buy template - $79</a></div></div></div><div class="section template-details"><div class="main-container w-container"><div class="columns-template-details w-row"><div class="left-column-template-details w-col w-col-4 w-col-stack"><div class="tile-template-navigation"><a href="#intro" class="link-template-navigation">Introduction</a><a href="#styling" class="link-template-navigation">Styling</a><a href="#editing" class="link-template-navigation">Editing</a><a href="#support" class="link-template-navigation">Support</a></div></div><div class="right-column-template-details w-col w-col-8 w-col-stack"><div id="intro" class="tile-template-details"><div class="w-richtext"><h2>Introduction</h2><h3>Happy to have you here</h3><p>Whether you just bought Ark Studio Architecture Template, or are simply having a look, we are happy to have you here. As you might know, Ark Studio is built on Webflow - the powerful no-code tool for creating websites. If you are already familiar with it, I'm sure editing this template will be a piece of cake.</p><p>This documentation covers general rules of working with Webflow that we thought are worth sharing.</p><h3>If you are new to Webflow</h3><p>On the other hand, if it's your first time using Webflow, you might want to have a look at <a href="https://university.webflow.com/">Webflow university</a> and their 101 crash course.</p></div></div><div id="styling" class="tile-template-details"><div class="w-richtext"><h2>Styling</h2><p>Below you can find some general rules regarding styling your template.</p><h3>Colors</h3><p>In Ark Studio Architecture Template template we've used Color Swatches. It means that you can change color in one place, and it will be applied to all the elements that share the same swatch.<br/><br/><strong>To change color swatches:</strong></p><ol start="" role="list"><li>Click on the element with the color you want to edit.</li><li>In the styles tab on the right, find the color option (ex. Text color)</li><li>Click on the color square.</li><li>Once the little pop-up opens, click the edit icon and choose a new color.</li><li>Click save.</li></ol><p>See the video below for mini-tutorial.</p><figure style="padding-bottom:56.25%" class="w-richtext-align-fullwidth w-richtext-figure-type-video"><div><iframe src="https://www.loom.com/embed/3e795778c3f74199aa601935a79f8266" frameborder="0" allowfullscreen=""></iframe></div></figure><h3>Fonts</h3><p>Ark Studio is using only two additional fonts: Satoshi and Zodiak. They can be downloaded at <a href="https://www.fontshare.com/">Font Share</a>. These font are 100% free for personal and commercial use.</p><p><strong>Satoshi </strong>is applied to the Body of the website, and because of that, it is automatically applied to all paragraphs and text blocks. <strong>You can change it globally by:</strong></p><ol start="" role="list"><li>Selecting "Body"</li><li>In the styles tab on the right, click selector and select "Body (All pages)"</li><li>Scroll down to "Typography" and change for the desired font.</li></ol><p>See the video below for mini-tutorial:</p><figure style="padding-bottom:56.25%" class="w-richtext-align-fullwidth w-richtext-figure-type-video"><div><iframe src="https://www.loom.com/embed/d552370902ab4d2f961a7a6dfe4a336c" frameborder="0" allowfullscreen=""></iframe></div></figure><p>‍</p><p>Satoshi is also applied to headings (H1-H6). <strong>You can also edit them same way by:</strong></p><ol start="" role="list"><li>Selecting heading type you want to edit</li><li>In the styles tab on the right, click selector and select "All H(1, 2, 3, 4, 5, 6) Headings"</li><li>Scroll down to "Typography" and change for the desired font.</li></ol><h3>Icons</h3><p>All of the icons are in the .svg format, so changing the Color Swatches on the website will not affect them. You can download these icons from the "Assets -> Icons" tab, and edit them in your design software (Photoshop, Figma, Sketch etc.). You can also upload your own icons directly.</p></div></div><div id="editing" class="tile-template-details"><div class="w-richtext"><h2>Editing</h2><p>Below you can find some general tips on editing template's copy and images.</p><h3>Static content vs. dynamic content</h3><p>When it comes to copy, in Webflow we distinguish two different copy types - static content and dynamic content (CMS).<br/><br/>To quickly distinguish these copy types you can have a look in the navigator tab, where static content will be displayed using white font.</p><p>‍</p><figure style="max-width:504pxpx" class="w-richtext-align-fullwidth"><div><img src="https://cdn.prod.website-files.com/6433b9623f44a78e39754d01/6434eb52a4222afeabc5ba7b_64154ef7822687cc9179ec1d_63f037fb0314aa8f801574c6_63eb5518484b8fa8502fb96f_63e4de6daa9a4570b8a370e0_63cd89baf329eefe431d62c4_637ff2fbbfb191fe19a92ea3_6355c01915baa60f151445e8_62e53b0b86728d4935efc735_Zrzut%252525252525252520ekranu%2525252525252525202022-07-30%252525252525252520o%25252525252525252015.06.51.png" alt=""/></div><figcaption>Static content in the navigator tab</figcaption></figure><p>‍</p><p>And dynamic content will be displayed using purple font color.</p><p>‍</p><figure style="max-width:504pxpx" class="w-richtext-align-fullwidth"><div><img src="https://cdn.prod.website-files.com/6433b9623f44a78e39754d01/6434eb52906fb9919cc774fa_64154ef7d03969f0466fb638_63f037fb59fff835f798eb98_63eb551932a0547a559a859f_63e4de6a549d4a3e519c7310_63cd89baa9b7eb51e254d648_637ff2fb0db4527382bf3b04_6355c019c86d7208da775054_62e53b5714ccf278f9ab7dfc_Zrzut%252525252525252520ekranu%2525252525252525202022-07-30%252525252525252520o%25252525252525252015.08.06.png" alt=""/></div><figcaption>Dynamic content in the navigator tab</figcaption></figure><p>‍</p><p>You can also directly see which element is static and which dynamic, by directly hovering over it in the designer space. The static content will have a blue border around it.</p><p>‍</p><figure class="w-richtext-align-center"><div><img src="https://cdn.prod.website-files.com/6433b9623f44a78e39754d01/6434eb5368a0cb18e17fae70_64154ef8822687be0179ec22_63f037fbb5f34f372e0f6309_63eb5519484b8f69122fb971_63e4de6bcde96ad27896e8a9_63cd89ba0760e703254870ae_637ff2fc3293c36c2f8eae09_6355c01a1bb1a26292e14141_62e53b9e2cf39754e44667b4_Zrzut%252525252525252520ekranu%2525252525252525202022-07-30%252525252525252520o%25252525252525252015.09.20.png" alt=""/></div><figcaption>Static content in the designer area has blue border</figcaption></figure><p>And dynamic content's border will be purple.</p><figure class="w-richtext-align-center"><div><img src="https://cdn.prod.website-files.com/6433b9623f44a78e39754d01/6434eb535afac20edb12313c_64154ef87e0af5030ced9d5e_63f037fb59fff8a14898eb99_63eb55196844b30012935d91_63e4de6be73e3f7fad192e56_63cd89bb440ed79e08fb4043_637ff2fcf137e01ec2b41037_6355c01a41400ece56ce1bf5_62e53be5ab6135318608c280_Zrzut%252525252525252520ekranu%2525252525252525202022-07-30%252525252525252520o%25252525252525252015.10.07.png" alt=""/></div><figcaption><em>Dynamic content has purple border in the designer area</em></figcaption></figure><h3>Editing static content</h3><p>Every copy, but the CMS related one, is a static content. It means that you need to edit it directly on the page.</p><p><strong>You can edit static content in two ways:</strong></p><ol start="" role="list"><li>In the "Designer mode" simply double click on the text you want to edit, and change it. Webflow will autosave it for you.</li><li>In "Editor mode" similarly click on the text and change it.</li></ol><p>Check the video below to see how to edit static content in the "Designer mode".</p><figure style="padding-bottom:56.25%" class="w-richtext-align-fullwidth w-richtext-figure-type-video"><div><iframe src="https://www.loom.com/embed/72460a3b51784d3cac34b281dee62937" frameborder="0" allowfullscreen=""></iframe></div></figure><h3>Editing dynamic content</h3><p>Editing dynamic content is very easy, but can be a little confusing at the beginning. This type of content you will need to edit through collections. Once you get it, it's as simple as filling in the web form.</p><p><strong>To edit dynamic content:</strong></p><ol start="" role="list"><li>Go to CMS Collections on the left side, and find the collection you want to edit (ex. Blog).</li><li>Click on the collection item (ex. specific blog post).</li><li>Change the inputs that you want to edit (ex. Blog post title)</li><li>Save and it's done.</li></ol><p>You can read more about editing collections and working with Webflow CMS on their <a href="https://university.webflow.com/lesson/intro-to-dynamic-content" target="_blank">university page</a>.</p><h3>Editing (static) images</h3><p>There's two different image types used in this template - normal image and background image. You might notice that we used normal images mostly for icons, and the big images are implemented as a background image.</p><p><strong>To edit normal image:</strong></p><ol start="" role="list"><li>Find the image you want to change and select it.</li><li>In settings tab on the right click replace image and choose the new one.</li></ol><p><strong>To edit background image:</strong></p><ol role="list"><li>Find the element with the background image (ex. Section, Div) and select it.</li><li>In styles tab, scroll down to the background image settings and click on the image settings.</li><li>In the little pop-up select "choose image" to select a different image.</li></ol><p>Have a look at the video below to see how to edit background image.</p><figure style="padding-bottom:56.25%" class="w-richtext-align-fullwidth w-richtext-figure-type-video"><div><iframe src="https://www.loom.com/embed/50cbb6fbe094464592211dab7b31324c" frameborder="0" allowfullscreen=""></iframe></div></figure><h3>Editing products (eCommerce)</h3><p>Editing your eCommerce products is very similar to editing dynamic content.</p><p><strong>To edit your products:</strong></p><ol start="" role="list"><li>Go to "Ecommerce" and click on "Products". Find the product you want to edit and select it.</li><li>Once in the product edit all the fields you want.</li><li>Save and it's done!</li></ol><figure style="max-width:3022pxpx" class="w-richtext-align-fullwidth"><div><img src="https://cdn.prod.website-files.com/6433b9623f44a78e39754d01/6434eb53e5b4b3075cb2ff64_64154ef85aac659cfb71398a_63f037fbffaabcdc6d0712e7_63eb5519a5edc01b8be5bec2_63e4de6b0f3b5cdf77212b35_63cd89bb993f00c490583936_637ff2fc44978e11e588dfe8_6355c01a8d90511817df061b_62e5417132c44c6ce7247b28_Zrzut%252525252525252520ekranu%2525252525252525202022-07-30%252525252525252520o%25252525252525252015.34.16.png" alt=""/></div></figure></div></div><div id="support" class="tile-template-details"><div class="w-richtext"><h2>Support</h2><p>If you purchased Ark Studio Architecture Template we offer you basic support. For questions directly related to our template please leave us an email on <a href="mailto:templates@wavesdesign.io?subject=I%20have%20a%20question%20about%20Muza%20template">templates@wavesdesign.io</a></p><p>For questions connected to using Webflow as a tool please have a look at their <a href="https://university.webflow.com/" target="_blank">university</a> or <a href="https://webflow.com/made-in-webflow/website/Support-Center" target="_blank">contact their support</a>.</p></div></div></div></div></div></div><div class="section footer"><div class="main-container w-container"><div class="flex-top-footer"><div class="left-top-footer"><div class="w-layout-grid grid-footer-left-halves"><div id="w-node-_83993fc1-8e54-c8d3-faae-6d8a430d5386-430d5381" class="column-footer-links"><a href="/homepage" class="link-footer">Homepage</a><a href="/about" class="link-footer">About us</a><a href="/services" class="link-footer">Services</a><a href="/contact" class="link-footer">Contact</a><a href="/projects" class="link-footer">Projects</a><a href="/shop" class="link-footer">Shop</a><a href="/blog" class="link-footer">Blog</a></div><div id="w-node-_83993fc1-8e54-c8d3-faae-6d8a430d538f-430d5381" class="column-footer-links"><a href="/" class="link-footer">Sales home</a><a href="/template/licenses" class="link-footer">Licenses</a><a href="/template/changelog" class="link-footer">Changelog</a><a href="/template/start-here" aria-current="page" class="link-footer w--current">Start here</a><a href="/template/style-guide" class="link-footer">Style guide</a><a href="/#pages" class="link-footer">All pages</a></div></div></div><div class="right-top-footer"><a href="#top" class="circle-top w-inline-block"><img src="https://cdn.prod.website-files.com/6433b9623f44a78e39754d01/6434a5e7fa45401a09183dd0_arrow-top.svg" loading="lazy" alt="" class="icon-top"/></a></div></div><a href="/contact" class="master-middle-footer w-inline-block"><div class="text-contact-footer">Let's talk</div><img src="https://cdn.prod.website-files.com/6433b9623f44a78e39754d01/6434a68eac4abe7ce45c73c4_arrow-right-footer.svg" loading="lazy" alt="" class="icon-footer-big"/></a><div class="flex-bootom-footer"><div class="w-layout-grid grid-footer-left-halves"><div id="w-node-_83993fc1-8e54-c8d3-faae-6d8a430d539f-430d5381" class="column-footer-links"><div class="paragraph-big">Av. Descorbantes 2a<br/>71822, Lisboa<br/>Portugal</div></div><div id="w-node-_83993fc1-8e54-c8d3-faae-6d8a430d53a6-430d5381" class="column-footer-links"><div class="paragraph-big">templates@wavesdesign.io<br/>+1 800 000 000<br/>@wavesdesign.io</div></div></div></div><div class="wrap-legal-footer"><div class="text-legal">Template designed with love by <a href="https://www.wavesdesign.io/" target="_blank" class="link-white">Wavesdesign</a>, powered by <a href="http://www.webflow.com" class="link-white">Webflow</a></div></div></div></div><script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6433b9623f44a78e39754d01" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script><script src="https://cdn.prod.website-files.com/6433b9623f44a78e39754d01/js/webflow.0fa55202f.js" type="text/javascript"></script></body></html>