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="sombrasstudio-website-template"><head><meta charset="utf-8"/><base href="/templates"/><title>Sombras Studio Website Page Template for Webflow</title><meta content="A HTML5 responsive website template for your website. Customize it with Webflow's web design tools and connect it to our powerful CMS." name="description"/><meta content="Sombras Studio Website Page Template for Webflow" property="og:title"/><meta content="A HTML5 responsive website template for your 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/6728db96e9efff039b51a1ff_f3ee2ee9-d61f-48ca-a706-62fb531b8596.jpeg" property="og:image"/><meta content="Sombras Studio Website Page Template for Webflow" property="twitter:title"/><meta content="A HTML5 responsive website template for your 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/6728db96e9efff039b51a1ff_f3ee2ee9-d61f-48ca-a706-62fb531b8596.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/sombrasstudio-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": "Sombras Studio – Template", "image": "https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/6728db96e9efff039b51a1ff_f3ee2ee9-d61f-48ca-a706-62fb531b8596.jpeg", "description": "A HTML5 responsive website template for your 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/", "name": " Websites" } },{ "@type": "ListItem", "position": 4, "item": { "@id": "https://webflow.com/templates/html/sombrasstudio-website-template", "name": "Sombras 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/sombrasstudio-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/6728db96e9efff039b51a1ff_f3ee2ee9-d61f-48ca-a706-62fb531b8596.jpeg" />  <meta name="twitter:url" content="https://webflow.com/templates/html/sombrasstudio-website-template"> <meta name="twitter:domain" value="webflow.com/templates" /> <meta name="twitter:title" content="Sombras Studio"> <meta name="twitter:description" content="Sombras is a sleek, dark-themed Webflow Template designed for agencies and creative studios, offering minimalistic layouts and powerful CMS features to elevate your brand."> <meta name="twitter:image" content="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/6728db96e9efff039b51a1ff_f3ee2ee9-d61f-48ca-a706-62fb531b8596.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="Nov 11, 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/portfolio-and-agency-websites" data-wf-native-id-path="2131f2bd-76e1-4d95-d5b9-1fd455c1d90a_instance-0" 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">Sombras Studio - <span id="parentCategoryName"></span> Website Template</h1> <p class="publish-date" style="display: none;">Nov 04, 2024</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://sombras-template.webflow.io/home-sales" 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/sombras-template?utm_medium=preview_link&utm_source=designer&utm_content=sombras-template&preview=7a35f9324dddc8cab781c2ba7e2b9db7&pageId=6719e1742bc352e0e902309f&locale=en&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://sombras-template.webflow.io/home-sales" 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/sombras-template?utm_medium=preview_link&utm_source=designer&utm_content=sombras-template&preview=7a35f9324dddc8cab781c2ba7e2b9db7&pageId=6719e1742bc352e0e902309f&locale=en&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%2F6728db96e9efff039b51a20a_a6ed3308-6f03-4acb-b1db-99a9c214e268.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/6728db96e9efff039b51a20a_a6ed3308-6f03-4acb-b1db-99a9c214e268.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/6728db96e9efff039b51a205_0e38571c-ce7e-43b2-bf04-111cf2475aba.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/6728db96e9efff039b51a1f9_7f97c37e-d63c-4fc2-9d14-e1b20cf23ed0.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/6728db96e9efff039b51a20e_a22500d6-e736-4eef-8d63-06bec95efdff.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/6728db96e9efff039b51a202_a28d4e2c-2e56-46f1-b1d3-2f8ca232adbc.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">Sombras is a sleek, dark-themed Webflow Template designed for agencies and creative studios, offering minimalistic layouts and powerful CMS features to elevate your brand.</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"><h2><span style="background-color: transparent; color: rgb(0, 0, 0);">Sombras - Your Beautiful Agency Website.</span></h2><p><br></p><p><span style="background-color: transparent; color: rgb(14, 14, 14);">Sombras is a beautiful, minimalistic dark-themed Webflow Template tailored for design agencies, creative studios, and professionals looking for a polished online portfolio. Its sleek, minimal design keeps users engaged, showcasing your work effectively.</span></p><p><br></p><p><span style="background-color: transparent; color: rgb(14, 14, 14);">With CMS-driven content, Sombras includes projects, project filters, and blog collections built on the robust Webflow CMS, making it easy to add and manage content. It also comes with a full eCommerce setup, so you can start selling services right away.</span></p><p><br></p><p><span style="background-color: transparent; color: rgb(14, 14, 14);">If you’re after an ultra-modern, dark-themed portfolio template, Sombras is the perfect choice.</span></p><p><br></p><p><br></p><h2>Figma File Included</h2><p><span style="background-color: transparent; color: rgb(0, 0, 0);">One of the standout features of Sombras Agency 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 templates@wavesdesign.io with your order confirmation and we'll be happy to share it with you.</span></p><p><br></p><p><br></p><h2><span style="background-color: transparent; color: rgb(54, 54, 54);">Sombras template features:</span></h2><ul><li><strong style="background-color: transparent;">Responsive</strong><span style="background-color: transparent;"> - Sombras 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.</span></li><li><strong style="background-color: transparent;">Premium, custom, simply great</strong><span style="background-color: transparent;"> - yes, we know... it's easy to say it, but that's the fact. We did put a lot of thought into the template. Sombras 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.</span></li><li><strong style="background-color: transparent;">Optimised for speed</strong><span style="background-color: transparent;"> - 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.</span></li><li><strong style="background-color: transparent;">Reusable animations</strong><span style="background-color: transparent;"> - 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.</span></li><li><strong style="background-color: transparent;">Modular</strong><span style="background-color: transparent;"> - 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.</span></li><li><strong style="background-color: transparent;">100% customisable</strong><span style="background-color: transparent;"> - on top of being modular Sombras Agency Template was created using the best Webflow techniques, like: global Color Swatches, reusable classes, components and more.</span></li><li><strong style="background-color: transparent;">Content Management System (CMS)</strong><span style="background-color: transparent;"> - Sombras includes projects and blog collections that are made on the powerful Webflow CMS. This will let you add new content extremely easily</span></li><li><strong style="background-color: transparent;">ECommerce</strong><span style="background-color: transparent;"> - Sombras comes with an eCommerce set up, so you can start selling your services straight away.</span></li><li><strong style="background-color: transparent;">Documented</strong><span style="background-color: transparent;"> - 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.</span></li></ul><p><br></p><p><br></p><h2><span style="background-color: transparent; color: rgb(54, 54, 54);">Sombras pages overview:</span></h2><ul><li><span style="background-color: transparent;">Home</span></li><li><span style="background-color: transparent;">Studio</span></li><li><span style="background-color: transparent;">Contact</span></li><li><span style="background-color: transparent;">Projects</span></li><li><span style="background-color: transparent;">Project page (CMS)</span></li><li><span style="background-color: transparent;">Project filter (CMS)</span></li><li><span style="background-color: transparent;">Blog</span></li><li><span style="background-color: transparent;">Blog post (CMS)</span></li><li><span style="background-color: transparent;">Pricing</span></li><li><span style="background-color: transparent;">Product (Ecommerce)</span></li><li><span style="background-color: transparent;">Legal</span></li><li><span style="background-color: transparent;">Custom 404 page</span></li><li><span style="background-color: transparent;">Custom password protected</span></li><li><span style="background-color: transparent;">Style guide</span></li><li><span style="background-color: transparent;">Licenses</span></li><li><span style="background-color: transparent;">Changelog</span></li><li><span style="background-color: transparent;">Start here page</span></li></ul><p><br></p><h2><span style="background-color: transparent; color: rgb(54, 54, 54);">Support</span></h2><p><span style="background-color: transparent; color: rgb(54, 54, 54);">Sombras 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 </span><a href="mailto:templates@wavesdesign.io" target="_blank" style="background-color: transparent; color: rgb(17, 85, 204);">templates@wavesdesign.io</a><span style="background-color: transparent; color: rgb(54, 54, 54);">.</span></p><p><span style="background-color: transparent; color: rgb(54, 54, 54);"><span class="ql-cursor"></span></span></p><p><span style="background-color: transparent; color: rgb(0, 0, 0);">If you are looking for somebody to customize your template just let us know at templates@wavesdesign.io</span></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: 'Sombras 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/sombrasstudio-website-template"; var disqus_identifier = "Sombras 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/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/dark-websites" class="tag-list_link">Dark</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/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-2" href="/templates/style/modern" class="tag-list_link">Modern</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">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 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">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">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"/><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">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">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">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></div></div><div class="mp-sidebar-wrap w-condition-invisible"><h5 class="h6">Related Tags</h5><div class="w-dyn-list"><div class="cms-empty w-dyn-empty"></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/sombrasstudio-website-template&text=Sombras 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/sombrasstudio-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/sombrasstudio-website-template&title=Sombras Studio&summary=Sombras is a sleek, dark-themed Webflow Template designed for agencies and creative studios, offering minimalistic layouts and powerful CMS features to elevate your brand." 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/sombrasstudio-website-template&title=Sombras Studio&description=Sombras is a sleek, dark-themed Webflow Template designed for agencies and creative studios, offering minimalistic layouts and powerful CMS features to elevate your brand." 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/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-1:3c137672-3318-900f-a55b-42b266794d85_instance-1" 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-1:b193320d-9022-6ccd-6e5d-da944c61e8f3_instance-1" 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-2:3c137672-3318-900f-a55b-42b266794d79_instance-2" 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-2:3c137672-3318-900f-a55b-42b266794d85_instance-2" 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-2:b193320d-9022-6ccd-6e5d-da944c61e8f3_instance-2" 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 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/portiflow-website-template" class="tm-link w-inline-block"><img alt="Portiflow" loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/67401e1f0e414b5be37203ea_09c4fecc-a8f1-40bd-80dc-5f54db673424.png" 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/65eb274282664af9b6dcfe90_cd835fd7-197d-472d-a1e6-b7d835053271.jpeg" loading="lazy" alt="Flowaze" 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/portiflow-website-template" class="template-name">Portiflow</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-3:b193320d-9022-6ccd-6e5d-da944c61e8f3_instance-3" href="/templates/designers/flowaze">Flowaze</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">79</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/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-2:3c137672-3318-900f-a55b-42b266794d85_instance-2" 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-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 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 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/luciaconsults-business-website-template" class="tm-link w-inline-block"><img alt="Lucia Consults" loading="lazy" src="https://cdn.prod.website-files.com/5e593fb060cf877cf875dd1f/672d56d5a324b70c355691aa_1731023928894_373113802_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/luciaconsults-business-website-template" class="template-name">Lucia Consults</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">October 25, 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%2F6728db96e9efff039b51a20a_a6ed3308-6f03-4acb-b1db-99a9c214e268.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/6728db96e9efff039b51a20a_a6ed3308-6f03-4acb-b1db-99a9c214e268.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">Sombras 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://sombras-template.webflow.io/home-sales" 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/sombras-template?utm_medium=preview_link&utm_source=designer&utm_content=sombras-template&preview=7a35f9324dddc8cab781c2ba7e2b9db7&pageId=6719e1742bc352e0e902309f&locale=en&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=6728d7441ca10602f8713eb1'); </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: 'Sombras 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': 'Sombras 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': 'Sombras 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': 'Sombras 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': 'Sombras 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('Sombras Studio'); const tSlug = 'sombrasstudio-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 = 'Sombras 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>