1<!DOCTYPE html><html lang="en"> <head><!-- Start cookieyes banner --><!-- Defer loading (and thus banner appearance) until 5s after page load 2 OR until the user scrolls 25% down the page, whichever comes first. -->
2<script> 3 (function () { 4 var loaded = false; 5 var timer; 6 7 function loadCookieYes() { 8 if (loaded) return; 9 loaded = true; 10 clearTimeout(timer); 11 window.removeEventListener("scroll", onScroll); 12 13 var s = document.createElement("script"); 14 s.id = "cookieyes"; 15 s.type = "text/javascript"; 16 s.async = true; 17 s.src = 18 "https://cdn-cookieyes.com/client_data/0790cf3e12a5a1c5c9b84250/script.js"; 19 document.head.appendChild(s); 20 } 21 22 function onScroll() { 23 var scrollable = 24 document.documentElement.scrollHeight - window.innerHeight; 25 if (scrollable <= 0) return; 26 if (window.scrollY / scrollable >= 0.25) loadCookieYes(); 27 } 28 29 // 5 seconds after page load... 30 timer = setTimeout(loadCookieYes, 5000); 31 // ...or when the user scrolls 25% down the page (whichever comes first). 32 window.addEventListener("scroll", onScroll, { passive: true }); 33 })(); 34 </script>
34<!-- End cookieyes banner --><!-- Critical preconnects (establish early connections) --><link rel="preconnect" href="https://content.arcticleaf.com" crossorigin><link rel="preconnect" href="https://www.googletagmanager.com" crossorigin><!-- DNS prefetch for third-party domains --><link rel="dns-prefetch" href="https://connect.facebook.net"><link rel="dns-prefetch" href="https://www.facebook.com"><link rel="dns-prefetch" href="https://static.hotjar.com"><link rel="dns-prefetch" href="https://js.hs-scripts.com"><link rel="dns-prefetch" href="https://cdn.aggle.net"><link rel="dns-prefetch" href="https://googleads.g.doubleclick.net"><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta name="description" content="Arctic Leaf products began as internal tools built to replace costly, complicated, or inflexible software. Glide, Quill, Origami, Squash, and Vellum â available individually or as one suite."><title>Products | Arctic Leaf</title><link rel="icon" href="/favicon.ico"><link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"><link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png"><link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png"><link rel="manifest" href="/site.webmanifest"><link rel="sitemap" href="/sitemap-index.xml"><link rel="canonical" href="https://www.arcticleaf.com/products/"><!-- connect to domain of font files --><link rel="preconnect" href="https://fonts.gstatic.com" crossorigin><!-- async CSS (optionally increase loading priority with fetchpriority="high") --><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Assistant:[email protected]&display=swap" media="print" onload="this.onload=null;this.removeAttribute('media');" fetchpriority="high"><!-- no-JS fallback --><noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Assistant:[email protected]&display=swap"></noscript>
34<script defer src="/assets/js/plugin.js"></script>
34<script defer src="/assets/js/main.js"></script>
34<link rel="stylesheet" href="/_astro/_id_.BlzE9M5I.css"> 35<style>#contact[data-astro-cid-svshx33u] .rel-float[data-astro-cid-svshx33u] .input[data-astro-cid-svshx33u]:not(:focus):placeholder-shown~.float-label[data-astro-cid-svshx33u]{top:23px;font-size:16px;color:#fff}#contact[data-astro-cid-svshx33u] .rel-float[data-astro-cid-svshx33u] .input[data-astro-cid-svshx33u]:not(:focus):placeholder-shown{box-shadow:0 -1px #98c9ee inset}#contact[data-astro-cid-svshx33u] .rel-float[data-astro-cid-svshx33u] .input[data-astro-cid-svshx33u]:hover:placeholder-shown~.float-label[data-astro-cid-svshx33u]{font-size:12px} 36</style> 37<link rel="stylesheet" href="/_astro/products.Bw6Bl1Gu.css">
37<script type="module" src="/_astro/page.dVDhblJC.js"></script>
37</head> <body class="black-bg"> <!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, line 37
37 <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=
37GTM-MJMTXVLP
vendor: 91 bytes, lines 37-38
37" height="0" width="0" style="display:none;visibility:hidden"> 38 </iframe> </noscript>
38<!-- End Google Tag Manager (noscript) --> <a class="announcement-banner" href="https://www.arcticleaf.com/blog/news-announcements/shopify-premier-partner/" data-astro-cid-2opq22vd> <span class="ab-inner" data-astro-cid-2opq22vd> <span class="ab-badge" data-astro-cid-2opq22vd>New</span> <span class="ab-text" data-astro-cid-2opq22vd> 39Arctic Leaf is a <strong data-astro-cid-2opq22vd>Shopify Premier Partner</strong> </span> <span class="ab-cta" data-astro-cid-2opq22vd>Read the announcement →</span> </span> </a> <div class="site-body"> <div id="navbar" data-astro-cid-5blmo7yk> <div class="container" data-astro-cid-5blmo7yk> <div class="nav" data-astro-cid-5blmo7yk> <ul class="nav-list" data-astro-cid-5blmo7yk> <li class="nav-logo" data-astro-cid-5blmo7yk> <a href="/" data-astro-cid-5blmo7yk><img src="/assets/img/logo.png" alt="Arctic Leaf Logo" data-astro-prefetch data-astro-cid-5blmo7yk></a> </li> <div class="center-nav" data-astro-cid-5blmo7yk> <div class="nav-search" id="srcBox" data-astro-cid-5blmo7yk> <div class="wrp-in" data-astro-cid-5blmo7yk> <input id="nav-search-input" type="search" placeholder="Searchâ¦" autocomplete="off" data-astro-cid-5blmo7yk> <button id="nav-search-clear" type="button" aria-label="Clear search" hidden data-astro-cid-5blmo7yk> 40Clear 41</button> <button id="nav-search-icon" type="button" data-astro-cid-5blmo7yk> <img src="/assets/img/nav/search.svg" alt="search" width="20" height="20" data-astro-cid-5blmo7yk> </button> <div id="nav-search-panel" class="nav-search-result" hidden data-astro-cid-5blmo7yk> <div id="nav-search-count" class="nav-search-count" data-astro-cid-5blmo7yk></div> <ul id="nav-search-list" class="nav-search-list" data-astro-cid-5blmo7yk></ul> <a id="nav-search-more" class="nav-search-more" href="#" data-astro-cid-5blmo7yk> 42See All Results 43</a> </div> </div> </div>
43<script type="module"> 44 import * as pagefind from "/pagefind/pagefind.js"; 45 window.pagefind = pagefind; 46 47 const input = document.getElementById("nav-search-input"); 48 const clearBtn = document.getElementById("nav-search-clear"); 49 const panel = document.getElementById("nav-search-panel"); 50 const list = document.getElementById("nav-search-list"); 51 const count = document.getElementById("nav-search-count"); 52 const more = document.getElementById("nav-search-more"); 53 54 const searchBtn = document.getElementById("srcBtn"); 55 const mobileSearchBtn = document.getElementById("mobileSearchBtn"); 56 const searchBox = document.getElementById("srcBox"); 57 const clsBtn = document.getElementById("clsBtn"); 58 const navMenu = document.querySelectorAll(".smenu"); 59 60 const mobileBtn = document.getElementById("mobileSearchBtn"); 61 const mobileBox = document.getElementById("mobile-search"); 62 const mobileInput = document.getElementById("mobile-search-input"); 63 const mobileClose = document.getElementById("mobile-search-close"); 64 const mobilePanel = document.getElementById("mobile-search-panel"); 65 const mobileList = document.getElementById("mobile-search-list"); 66 const mobileCount = document.getElementById("mobile-search-count"); 67 const mobileMore = document.getElementById("mobile-search-more"); 68 const searchIcon = document.getElementById("nav-search-icon"); 69 70 const mobileClear = document.getElementById( 71 "nav-search-clear-mobile", 72 ); 73 const mobileSearchIcon = document.getElementById( 74 "nav-search-icon-mobile", 75 ); 76 77 let timer; 78 79 const TYPE_ORDER = [ 80 "Services", 81 "Portfolio", 82 "Themes & Apps", 83 "Landing Pages", 84 "Blog", 85 ]; 86 87 function sortByType(items) { 88 return items.sort((a, b) => { 89 const aType = (a.meta.type || "").trim(); 90 const bType = (b.meta.type || "").trim(); 91 92 const aIndex = TYPE_ORDER.indexOf(aType); 93 const bIndex = TYPE_ORDER.indexOf(bType); 94 95 return ( 96 (aIndex === -1 ? 999 : aIndex) - 97 (bIndex === -1 ? 999 : bIndex) 98 ); 99 }); 100 } 101 102 function commitSearch() { 103 const q = input.value.trim(); 104 if (!q) return; 105 106 window.location.href = `/search?q=${encodeURIComponent(q)}`; 107 } 108 109 function commitMobileSearch() { 110 const q = mobileInput.value.trim(); 111 if (!q) return; 112 113 window.location.href = `/search?q=${encodeURIComponent(q)}`; 114 } 115 116 function resetNavSearch() { 117 input.value = ""; 118 clearBtn.hidden = true; 119 panel.hidden = true; 120 } 121 122 function submitSearch() { 123 commitSearch(); 124 } 125 126 function openSearch() { 127 searchBox.classList.add("active"); 128 searchBtn?.classList.add("active"); 129 clsBtn.classList.add("active"); 130 131 navMenu.forEach((m) => m.classList.add("act")); 132 133 setTimeout(() => { 134 input.focus(); 135 if (input.value.trim()) { 136 panel.hidden = false; 137 } 138 }, 0); 139 } 140 141 function closeSearch() { 142 searchBox.classList.remove("active"); 143 searchBtn?.classList.remove("active"); 144 clsBtn.classList.remove("active"); 145 146 navMenu.forEach((m) => m.classList.remove("act")); 147 148 resetNavSearch(); 149 } 150 151 function goToSearch() { 152 const q = input.value.trim(); 153 if (!q) return; 154 155 window.location.href = `/search?q=${encodeURIComponent(q)}`; 156 } 157 158 searchBtn?.addEventListener("click", openSearch); 159 mobileSearchBtn?.addEventListener("click", openSearch); 160 clsBtn.addEventListener("click", closeSearch); 161
162 function openPanel() { 163 if (!searchBox.classList.contains("active")) return; 164 panel.hidden = false; 165 } 166 167 async function runPreview(q) { 168 if (!q) { 169 panel.hidden = true; 170 return; 171 } 172 173 const res = await pagefind.search(q); 174 175 let items = await Promise.all(res.results.map((r) => r.data())); 176 177 items = sortByType(items); 178 179 const previewItems = items.slice(0, 5); 180 181 count.textContent = `${res.results.length} results for â${q}â`; 182 183 list.innerHTML = previewItems 184 .map( 185 (item) => ` 186 <li class="s-li"> 187 <a href="${item.url}"> 188 <div class="search-head"> 189 <strong>${item.meta.title}</strong> 190 ${ 191 item.meta.type 192 ? `<span class="badge">${item.meta.type}</span>` 193 : "" 194 } 195 </div> 196 <div class="excerpt"> 197 ${highlight(cleanExcerptText(item.excerpt), q)} 198 </div> 199 </a> 200 </li>`, 201 ) 202 .join(""); 203 204 more.href = `/search?q=${encodeURIComponent(q)}`; 205 panel.hidden = false; 206 } 207 208 function cleanExcerptText(text) { 209 if (!text) return ""; 210 211 return text 212 .replace(/<[^>]+>/g, "") 213 .replace(/https?:\/\/\S+/g, "") 214 .replace(/data-[^=]+="[^"]*"/g, "") 215 .replace(/\s+/g, " ") 216 .trim() 217 .slice(0, 160); 218 } 219 220 function highlight(text, q) { 221 if (!q) return text; 222 const regex = new RegExp(`(${q})`, "gi"); 223 return text.replace(regex, "<mark>$1</mark>"); 224 } 225 226 input.addEventListener("input", (e) => { 227 const q = e.target.value.trim(); 228 clearBtn.hidden = !q; 229 230 clearTimeout(timer); 231 timer = setTimeout(() => { 232 if (!q) { 233 panel.hidden = true; 234 return; 235 } 236 runPreview(q); 237 }, 200); 238 }); 239 240 mobileInput.addEventListener("keydown", (e) => { 241 if (e.key === "Enter") { 242 e.preventDefault(); 243 const q = mobileInput.value.trim(); 244 if (!q) return; 245 246 window.location.href = `/search?q=${encodeURIComponent(q)}`; 247 } 248 }); 249 250 clearBtn.addEventListener("click", () => { 251 input.value = ""; 252 clearBtn.hidden = true; 253 panel.hidden = true; 254 input.focus(); 255 }); 256 257 input.addEventListener("keydown", (e) => { 258 if (e.key === "Enter") { 259 e.preventDefault(); 260 commitSearch(); 261 } 262 }); 263 264 searchIcon.addEventListener("click", () => { 265 commitSearch(); 266 }); 267 268 mobileBtn?.addEventListener("click", () => { 269 document.body.classList.add("mobile-search-active"); 270 mobileBox.classList.add("active"); 271 setTimeout(() => mobileInput.focus(), 0); 272 }); 273 274 mobileClose?.addEventListener("click", () => { 275 mobileBox.classList.remove("active"); 276 document.body.classList.remove("mobile-search-active"); 277 mobileInput.value = ""; 278 mobilePanel.hidden = true; 279 }); 280 281 let mobileTimer; 282 mobileInput?.addEventListener("input", (e) => { 283 const q = e.target.value.trim(); 284 clearTimeout(mobileTimer); 285 286 mobileTimer = setTimeout(async () => { 287 if (!q) { 288 mobilePanel.hidden = true; 289 return; 290 } 291 292 const res = await pagefind.search(q); 293 294 let items = await Promise.all(res.results.map((r) => r.data())); 295 items = sortByType(items); 296 297 const previewItems = items.slice(0, 5); 298 299 mobileCount.textContent = `${res.results.length} results for â${q}â`; 300 301 mobileList.innerHTML = previewItems 302 .map( 303 (item) => ` 304 <li> 305 <a href="${item.url}"> 306 <div class="search-head"> 307 <h3 class="search-title-b">${item.meta.title}</h3> 308 ${item.meta.type ? `<span class="badge">${item.meta.type}</span>` : ""} 309 </div> 310 311 <div class="excerpt"> 312 ${highlight(cleanExcerptText(item.excerpt), q)} 313 </div> 314 </a> 315 </li>`, 316 ) 317 .join(""); 318 319 mobileMore.href = `/search?q=${encodeURIComponent(q)}`; 320 mobilePanel.hidden = false;
321 }, 200); 322 }); 323 324 document.addEventListener("click", (e) => { 325 if (!searchBox.classList.contains("active")) return; 326 327 const isInside = 328 searchBox.contains(e.target) || searchBtn?.contains(e.target); 329 330 if (!isInside) { 331 panel.hidden = true; 332 } 333 }); 334 335 input.addEventListener("focus", () => { 336 if (input.value.trim()) { 337 panel.hidden = false; 338 } 339 }); 340 341 function syncMobileClear() { 342 const hasValue = mobileInput.value.trim().length > 0; 343 mobileClear.hidden = !hasValue; 344 345 if (!hasValue) { 346 mobilePanel.hidden = true; 347 } 348 } 349 350 window.addEventListener("DOMContentLoaded", syncMobileClear); 351 352 mobileInput.addEventListener("input", () => { 353 const hasValue = mobileInput.value.trim().length > 0; 354 355 mobileClear.hidden = !hasValue; 356 357 if (!hasValue) { 358 mobilePanel.hidden = true; 359 } 360 }); 361 362 mobileClear.addEventListener("click", () => { 363 mobileInput.value = ""; 364 mobileClear.hidden = true; 365 mobilePanel.hidden = true; 366 mobileInput.focus(); 367 }); 368 369 /* SEARCH ICON */ 370 mobileSearchIcon.addEventListener("click", () => { 371 commitMobileSearch(); 372 }); 373 </script>
373 <li class="drop smenu" data-astro-cid-5blmo7yk> <a href="#" data-astro-cid-5blmo7yk>YOUR GOALS</a> <div class="gap-down" data-astro-cid-5blmo7yk> <ul class="dropdown" data-astro-cid-5blmo7yk> <li data-astro-cid-5blmo7yk> <a href="/acquisition/" data-astro-prefetch data-astro-cid-5blmo7yk>Acquisition</a> </li> <li data-astro-cid-5blmo7yk> <a href="/conversion/" data-astro-prefetch data-astro-cid-5blmo7yk>Conversion</a> </li> <li data-astro-cid-5blmo7yk> <a href="/loyalty/" data-astro-prefetch data-astro-cid-5blmo7yk>Loyalty</a> </li> <li data-astro-cid-5blmo7yk> <a href="/integrations/" data-astro-prefetch data-astro-cid-5blmo7yk>Integrations</a> </li> </ul> </div> </li> <li class="drop smenu" data-astro-cid-5blmo7yk> <a href="#" data-astro-cid-5blmo7yk>SERVICE TYPES</a> <div class="gap-down" data-astro-cid-5blmo7yk> <ul class="dropdown" data-astro-cid-5blmo7yk> <li data-astro-cid-5blmo7yk> <a href="/growth-marketing/" data-astro-prefetch data-astro-cid-5blmo7yk>Growth Marketing</a> </li> <li data-astro-cid-5blmo7yk> <a href="/branding-solutions/" data-astro-prefetch data-astro-cid-5blmo7yk>Branding Solutions</a> </li> <li data-astro-cid-5blmo7yk> <a href="/design-solutions/" data-astro-prefetch data-astro-cid-5blmo7yk>Design Solutions</a> </li> <li data-astro-cid-5blmo7yk> <a href="/portfolio/logo-design/" data-astro-prefetch data-astro-cid-5blmo7yk>Logo Design</a> </li> <li data-astro-cid-5blmo7yk> <a href="/technical-solutions/" data-astro-prefetch data-astro-cid-5blmo7yk>Technical Solutions</a> </li> <li data-astro-cid-5blmo7yk> <a href="/direct-sales-services/" data-astro-prefetch data-astro-cid-5blmo7yk>Direct Sales</a> </li> <li data-astro-cid-5blmo7yk> <a href="/express/" data-astro-prefetch data-astro-cid-5blmo7yk>Express Packages</a> </li> <li data-astro-cid-5blmo7yk> <a href="/why-shopify/" data-astro-prefetch data-astro-cid-5blmo7yk>Why Shopify</a> </li> </ul> </div> </li> <li class="drop smenu ai-initiatives-drop" data-astro-cid-5blmo7yk> <a href="#" data-astro-cid-5blmo7yk>AI INITIATIVES</a> <div class="gap-down" data-astro-cid-5blmo7yk> <ul class="dropdown" data-astro-cid-5blmo7yk> <li data-astro-cid-5blmo7yk> <a href="/ai-initiatives/ai-audit/" data-astro-prefetch data-astro-cid-5blmo7yk>AI Audit</a> </li> </ul> </div> </li> <li class="smenu" data-astro-cid-5blmo7yk> <a href="/portfolio/" data-astro-prefetch data-astro-cid-5blmo7yk>PORTFOLIO</a> </li> <li class="smenu" data-astro-cid-5blmo7yk> <a href="/products/" data-astro-prefetch data-astro-cid-5blmo7yk>PRODUCTS</a> </li> <li id="srcBtn" data-astro-cid-5blmo7yk> <div class="src-p" data-astro-cid-5blmo7yk> <img src="/assets/img/nav/search.svg" alt="search" width="20" height="20" data-astro-cid-5blmo7yk> </div> </li> <li id="clsBtn" data-astro-cid-5blmo7yk> <div class="cls-p" data-astro-cid-5blmo7yk> <img src="/assets/img/nav/close-search.svg" alt="search" width="17" height="17" data-astro-cid-5blmo7yk> </div> </li> </div> <li class="nav-contact" data-astro-cid-5blmo7yk> <a href="/contact/" data-astro-prefetch data-astro-cid-5blmo7yk>CONTACT</a> </li> </ul> </div> </div> </div> <div id="sticky-navbar" data-astro-cid-5blmo7yk> <div class="container" data-astro-cid-5blmo7yk> <div class="logo" data-astro-cid-5blmo7yk> <a href="/" data-astro-cid-5blmo7yk><img src="/assets/img/logo.png" alt="Arctic Leaf Logo" data-astro-prefetch data-astro-cid-5blmo7yk></a> </div> <div class="menu-bar" data-astro-cid-5blmo7yk> <div class="line-top" data-astro-cid-5blmo7yk></div> <div class="line-btm" data-astro-cid-5blmo7yk></div> </div> <div class="side-menu" data-astro-cid-5blmo7yk> <div class="accordion" data-astro-cid-5blmo7yk> <div class="accordion-item" data-astro-cid-5blmo7yk> <div class="accordion-header" data-astro-cid-5blmo7yk><h4 data-astro-cid-5blmo7yk>YOUR GOALS</h4></div> <ul class="accordion-contents" data-astro-cid-5blmo7yk> <li data-astro-cid-5blmo7yk> <a href="/acquisition/" data-astro-prefetch data-astro-cid-5blmo7yk>Acquisition</a> </li> <li data-astro-cid-5blmo7yk> <a href="/conversion/" data-astro-prefetch data-astro-cid-5blmo7yk>Conversion</a> </li> <li data-astro-cid-5blmo7yk> <a href="/loyalty/" data-astro-prefetch data-astro-cid-5blmo7yk>Loyalty</a> </li> <li data-astro-cid-5blmo7yk> <a href="/integrations/" data-astro-prefetch data-astro-cid-5blmo7yk>Integrations</a> </li> </ul> </div> </div> <div class="accordion" data-astro-cid-5blmo7yk> <div class="accordion-item" data-astro-cid-5blmo7yk> <div class="accordion-header" data-astro-cid-5blmo7yk><h4 data-astro-cid-5blmo7yk>SERVICE TYPES</h4></div> <ul class="accordion-contents" data-astro-cid-5blmo7yk> <li data-astro-cid-5blmo7yk> <a href="/growth-marketing/" data-astro-prefetch data-astro-cid-5blmo7yk>Growth Marketing</a> </li> <li data-astro-cid-5blmo7yk> <a href="/branding-solutions/" data-astro-prefetch data-astro-cid-5blmo7yk>Branding</a> </li> <li data-astro-cid-5blmo7yk> <a href="/design-solutions/" data-astro-prefetch data-astro-cid-5blmo7yk>Design</a> </li> <li data-astro-cid-5blmo7yk> <a href="/portfolio/logo-design/" data-astro-prefetch data-astro-cid-5blmo7yk>Logo Design</a> </li> <li data-astro-cid-5blmo7yk> <a href="/technical-solutions/" data-astro-prefetch data-astro-cid-5blmo7yk>Technical Solutions</a> </li> <li data-astro-cid-5blmo7yk> <a href="/direct-sales-services/" data-astro-prefetch data-astro-cid-5blmo7yk>Direct Sales</a> </li> <li data-astro-cid-5blmo7yk> <a href="/express/" data-astro-prefetch data-astro-cid-5blmo7yk>Express Packages</a> </li> <li data-astro-cid-5blmo7yk> <a href="/why-shopify/" data-astro-prefetch data-astro-cid-5blmo7yk>Why Shopify</a> </li> </ul> </div> </div> <!-- <div class="accordion"> 374 <div class="accordion-item"> 375 <div class="accordion-header"><h4>THEMES & APPS</h4></div> 376 <ul class="accordion-contents"> 377 <li><a href="#">Growth Marketing</a></li> 378 <li><a href="#">Branding</a></li> 379 <li><a href="#">Design</a></li> 380 <li><a href="#">Technical Solution</a></li> 381 <li><a href="#">Express Packcages</a></li> 382 </ul> 383 </div> 384 </div> --> <div class="accordion" data-astro-cid-5blmo7yk> <div class="accordion-item" data-astro-cid-5blmo7yk> <div class="accordion-header" data-astro-cid-5blmo7yk><h4 data-astro-cid-5blmo7yk>AI INITIATIVES</h4></div> <ul class="accordion-contents" data-astro-cid-5blmo7yk> <li data-astro-cid-5blmo7yk> <a href="/ai-initiatives/ai-audit/" data-astro-prefetch data-astro-cid-5blmo7yk>AI Audit</a> </li> </ul> </div> </div> <a href="/portfolio/" data-astro-prefetch data-astro-cid-5blmo7yk><h4 data-astro-cid-5blmo7yk>PORTFOLIO</h4></a> <a href="/products/" data-astro-prefetch data-astro-cid-5blmo7yk><h4 data-astro-cid-5blmo7yk>PRODUCTS</h4></a> <ul class="social" data-astro-cid-5blmo7yk> <li data-astro-cid-5blmo7yk> <a href="#" data-astro-cid-5blmo7yk><img src="/assets/img/icon/fb.svg" alt="Facebook Icon Nav" width="24" height="24" loading="lazy" data-astro-cid-5blmo7yk></a> </li> <li data-astro-cid-5blmo7yk> <a href="#" data-astro-cid-5blmo7yk><img src="/assets/img/icon/in.svg" alt="LinkedIn Icon Nav" width="24" height="24" loading="lazy" data-astro-cid-5blmo7yk></a> </li> <li data-astro-cid-5blmo7yk> <a href="#" data-astro-cid-5blmo7yk><img src="/assets/img/icon/ig.svg" alt="Instagram Icon Nav" width="24" height="24" loading="lazy" data-astro-cid-5blmo7yk></a> </li> <li data-astro-cid-5blmo7yk> <a href="#" data-astro-cid-5blmo7yk><img src="/assets/img/icon/tw-x.svg" alt="Twitter Icon Nav" width="24" height="24" loading="lazy" data-astro-cid-5blmo7yk></a> </li> <li data-astro-cid-5blmo7yk> <a href="#" data-astro-cid-5blmo7yk><img src="/assets/img/icon/yt.svg" alt="YouTube Icon Nav" width="24" height="24" loading="lazy" data-astro-cid-5blmo7yk></a> </li> </ul> </div> <div class="nav-contact" data-astro-cid-5blmo7yk> <a href="/contact/" data-astro-prefetch data-astro-cid-5blmo7yk>CONTACT</a> </div> </div> </div> <div id="mobile-nav" data-astro-cid-5blmo7yk> <div class="bg-nav" data-astro-cid-5blmo7yk></div> <div id="mobile-search" class="mobile-search" data-astro-cid-5blmo7yk> <div class="mobile-search-header" data-astro-cid-5blmo7yk> <input id="mobile-search-input" type="search" placeholder="Searchâ¦" autocomplete="off" data-astro-cid-5blmo7yk> <button id="nav-search-clear-mobile" data-astro-cid-5blmo7yk>Clear</button> <button id="nav-search-icon-mobile" type="button" data-astro-cid-5blmo7yk> <img src="/assets/img/nav/search.svg" alt="search" width="20" height="20" data-astro-cid-5blmo7yk> </button> </div> <div id="mobile-search-panel" hidden data-astro-cid-5blmo7yk> <div id="mobile-search-count" data-astro-cid-5blmo7yk></div> <ul id="mobile-search-list" data-astro-cid-5blmo7yk></ul> <a id="mobile-search-more" href="#" data-astro-cid-5blmo7yk>See all results</a> </div> </div> <button id="mobileSearchBtn" class="mobile-search-btn" aria-label="Search" data-astro-cid-5blmo7yk> <img src="/assets/img/nav/search.svg" alt="search" width="18" height="18" data-astro-cid-5blmo7yk> </button> <button id="mobile-search-close" aria-label="Close" data-astro-cid-5blmo7yk><img src="/assets/img/nav/close-search.svg" alt="close" width="17" height="17" data-astro-cid-5blmo7yk></button> <div class="mobile-bar" data-astro-cid-5blmo7yk> <div class="line-top-m" data-astro-cid-5blmo7yk></div> <div class="line-btm-m" data-astro-cid-5blmo7yk></div> </div> <a class="logo" href="/" data-astro-prefetch data-astro-cid-5blmo7yk><img src="/assets/img/logo.png" alt="Arctic Leaf Logo" data-astro-cid-5blmo7yk></a> <div class="mobile-menu" data-astro-cid-5blmo7yk> <div class="accordion" data-astro-cid-5blmo7yk> <div class="accordion-item" data-astro-cid-5blmo7yk> <div class="accordion-header" data-astro-cid-5blmo7yk><h4 data-astro-cid-5blmo7yk>YOUR GOALS</h4></div> <ul class="accordion-contents" data-astro-cid-5blmo7yk> <li data-astro-cid-5blmo7yk> <a href="/acquisition/" data-astro-prefetch data-astro-cid-5blmo7yk>Acquisition</a> </li> <li data-astro-cid-5blmo7yk> <a href="/conversion/" data-astro-prefetch data-astro-cid-5blmo7yk>Conversion</a> </li> <li data-astro-cid-5blmo7yk> <a href="/loyalty/" data-astro-prefetch data-astro-cid-5blmo7yk>Loyalty</a> </li> <li data-astro-cid-5blmo7yk> <a href="/integrations/" data-astro-prefetch data-astro-cid-5blmo7yk>Integrations</a> </li> </ul> </div> </div> <div class="accordion" data-astro-cid-5blmo7yk> <div class="accordion-item" data-astro-cid-5blmo7yk> <div class="accordion-header" data-astro-cid-5blmo7yk><h4 data-astro-cid-5blmo7yk>SERVICE TYPES</h4></div> <ul class="accordion-contents" data-astro-cid-5blmo7yk> <li data-astro-cid-5blmo7yk> <a href="/growth-marketing/" data-astro-prefetch data-astro-cid-5blmo7yk>Growth Marketing</a> </li> <li data-astro-cid-5blmo7yk> <a href="/branding-solutions/" data-astro-prefetch data-astro-cid-5blmo7yk>Branding</a> </li> <li data-astro-cid-5blmo7yk> <a href="/design-solutions/" data-astro-prefetch data-astro-cid-5blmo7yk>Design</a> </li> <li data-astro-cid-5blmo7yk> <a href="/portfolio/logo-design/" data-astro-prefetch data-astro-cid-5blmo7yk>Logo Design</a> </li> <li data-astro-cid-5blmo7yk> <a href="/technical-solutions/" data-astro-prefetch data-astro-cid-5blmo7yk>Technical Solutions</a> </li> <li data-astro-cid-5blmo7yk> <a href="/direct-sales-services/" data-astro-prefetch data-astro-cid-5blmo7yk>Direct Sales</a> </li> <li data-astro-cid-5blmo7yk> <a href="/express/" data-astro-prefetch data-astro-cid-5blmo7yk>Express Packages</a> </li> <li data-astro-cid-5blmo7yk> <a href="/why-shopify/" data-astro-prefetch data-astro-cid-5blmo7yk>Why Shopify</a> </li> </ul> </div> </div> <!-- <div class="accordion"> 385 <div class="accordion-item"> 386 <div class="accordion-header"><h4>THEME & APPS</h4></div> 387 <ul class="accordion-contents"> 388 <li><a href="#">Growth Marketing</a></li> 389 <li><a href="#">Branding</a></li> 390 <li><a href="#">Design</a></li> 391 <li><a href="#">Technical Solution</a></li> 392 <li><a href="#">Express Packcages</a></li> 393 </ul> 394 </div> 395 </div> --> <div class="accordion" data-astro-cid-5blmo7yk> <div class="accordion-item" data-astro-cid-5blmo7yk> <div class="accordion-header" data-astro-cid-5blmo7yk><h4 data-astro-cid-5blmo7yk>AI INITIATIVES</h4></div> <ul class="accordion-contents" data-astro-cid-5blmo7yk> <li data-astro-cid-5blmo7yk> <a href="/ai-initiatives/ai-audit/" data-astro-prefetch data-astro-cid-5blmo7yk>AI Audit</a> </li> </ul> </div> </div> <a href="/portfolio/" data-astro-prefetch data-astro-cid-5blmo7yk><h4 data-astro-cid-5blmo7yk>PORTFOLIO</h4></a> <a href="/products/" data-astro-prefetch data-astro-cid-5blmo7yk><h4 data-astro-cid-5blmo7yk>PRODUCTS</h4></a> <a href="/contact/" data-astro-prefetch data-astro-cid-5blmo7yk><h4 data-astro-cid-5blmo7yk>CONTACT</h4></a> <ul class="social" data-astro-cid-5blmo7yk> <li data-astro-cid-5blmo7yk> <a href="#" data-astro-cid-5blmo7yk><img src="/assets/img/icon/fb.svg" alt="Facebook" width="24" height="24" loading="lazy" data-astro-cid-5blmo7yk></a> </li> <li data-astro-cid-5blmo7yk> <a href="#" data-astro-cid-5blmo7yk><img src="/assets/img/icon/in.svg" alt="LinkedIn" width="24" height="24" loading="lazy" data-astro-cid-5blmo7yk></a> </li> <li data-astro-cid-5blmo7yk> <a href="#" data-astro-cid-5blmo7yk><img src="/assets/img/icon/ig.svg" alt="Instagram" width="24" height="24" loading="lazy" data-astro-cid-5blmo7yk></a> </li> <li data-astro-cid-5blmo7yk> <a href="#" data-astro-cid-5blmo7yk><img src="/assets/img/icon/tw-x.svg" alt="Twitter" width="24" height="24" loading="lazy" data-astro-cid-5blmo7yk></a> </li> <li data-astro-cid-5blmo7yk> <a href="#" data-astro-cid-5blmo7yk><img src="/assets/img/icon/yt.svg" alt="YouTube" width="24" height="24" loading="lazy" data-astro-cid-5blmo7yk></a> </li> </ul> </div> </div> <section id="products-hero" data-astro-cid-3swd3b6j> <div class="products-hero__bg" data-astro-cid-3swd3b6j></div> <div class="container" data-astro-cid-3swd3b6j> <nav class="products-breadcrumbs" aria-label="Breadcrumb" data-astro-cid-3swd3b6j> <a href="/" data-astro-cid-3swd3b6j>Home</a> <span data-astro-cid-3swd3b6j>/</span> <span aria-current="page" data-astro-cid-3swd3b6j>Products</span> </nav> <div class="products-hero__inner" data-astro-cid-3swd3b6j> <div class="products-hero__content" data-astro-cid-3swd3b6j> <p class="products-hero__eyebrow" data-astro-cid-3swd3b6j>Arctic Leaf Products</p> <h1 data-astro-cid-3swd3b6j>software born from real business problems</h1> <p class="products-hero__body" data-astro-cid-3swd3b6j> 396Arctic Leaf products began as internal toolsâbuilt to replace 397 costly, complicated, or inflexible software. Now they’re 398 available to teams that want practical solutions, predictable costs, 399 and direct support from the people who built them. 400</p> <div class="products-hero__actions" data-astro-cid-3swd3b6j> <a class="button-primary" href="#product-grid" data-astro-cid-3swd3b6j>Explore the Products</a> <a class="btn-outline" href="#suite" data-astro-cid-3swd3b6j>Get the Complete Suite</a> </div> </div> <div class="products-hero__img" data-astro-cid-3swd3b6j> <img src="/assets/img/products/[email protected]" alt="Glide, Quill, Vellum, Origami, and Squash product interfaces" width="710" height="664" fetchpriority="high" decoding="async" data-astro-cid-3swd3b6j> </div> </div> </div> </section> <section id="why-al" data-astro-cid-3swd3b6j> <div class="container" data-astro-cid-3swd3b6j> <h2 data-astro-cid-3swd3b6j>Built, used, and supported by Arctic Leaf.</h2> <p data-astro-cid-3swd3b6j> 401The same product strategy, UX, and engineering experience we bring to 402 client work goes into every tool in the suite. 403</p> </div> </section> <section id="product-grid" data-astro-cid-3swd3b6j> <div class="container" data-astro-cid-3swd3b6j> <div class="product-grid" data-astro-cid-poyn3awd> <article class="product-card" data-astro-cid-poyn3awd> <img class="product-card__img" src="/assets/img/products/[email protected]" alt="Glide product interface" width="588" height="588" loading="lazy" decoding="async" data-astro-cid-poyn3awd> <div class="product-card__body" data-
403astro-cid-poyn3awd> <div class="product-card__pricing" data-astro-cid-poyn3awd> <div class="product-card__head" data-astro-cid-poyn3awd> <h3 class="product-card__name" data-astro-cid-poyn3awd>Glide</h3> <span class="product-card__price" data-astro-cid-poyn3awd>$10 / user / month</span> </div> <p class="product-card__trial" data-astro-cid-poyn3awd>14-day free trial · no card required</p> </div> <div class="product-card__intro" data-astro-cid-poyn3awd> <h4 class="product-card__tagline" data-astro-cid-poyn3awd>Video messaging and screen recording made simple</h4> <p class="product-card__desc" data-astro-cid-poyn3awd>A streamlined Loom alternative for recording, organizing, and sharing video messages with your team and clients.</p> </div> <div class="product-card__replaces" data-astro-cid-poyn3awd> <h4 data-astro-cid-poyn3awd>Replaces</h4> <span data-astro-cid-poyn3awd>Loom</span> <img src="/assets/img/products/replaces/[email protected]" alt="Loom logo" width="126" height="21" loading="lazy" decoding="async" data-astro-cid-poyn3awd> </div> <div class="product-card__features" data-astro-cid-poyn3awd> <h4 data-astro-cid-poyn3awd>Features:</h4> <ul data-astro-cid-poyn3awd> <li data-astro-cid-poyn3awd>Screen and camera recording</li><li data-astro-cid-poyn3awd>Shareable video links</li><li data-astro-cid-poyn3awd>Find and reuse every team recording</li><li data-astro-cid-poyn3awd>Team collaboration</li><li data-astro-cid-poyn3awd>Transcripts and summaries</li><li data-astro-cid-poyn3awd>Secure access controls</li><li data-astro-cid-poyn3awd>Video management</li><li data-astro-cid-poyn3awd>Browser-based recording</li> </ul> </div> <a class="button-primary" href="https://glide.arcticleaf.com/" target="_blank" rel="noopener noreferrer" data-astro-cid-poyn3awd> Explore Glide </a> </div> </article><article class="product-card" data-astro-cid-poyn3awd> <img class="product-card__img" src="/assets/img/products/[email protected]" alt="Quill product interface" width="588" height="588" loading="lazy" decoding="async" data-astro-cid-poyn3awd> <div class="product-card__body" data-astro-cid-poyn3awd> <div class="product-card__pricing" data-astro-cid-poyn3awd> <div class="product-card__head" data-astro-cid-poyn3awd> <h3 class="product-card__name" data-astro-cid-poyn3awd>Quill</h3> <span class="product-card__price" data-astro-cid-poyn3awd>From $10 / user / month</span> </div> </div> <div class="product-card__intro" data-astro-cid-poyn3awd> <h4 class="product-card__tagline" data-astro-cid-poyn3awd>Send, sign, and manage documents digitally</h4> <p class="product-card__desc" data-astro-cid-poyn3awd>A DocuSign alternative designed to simplify electronic signatures and document workflows.</p> </div> <div class="product-card__replaces" data-astro-cid-poyn3awd> <h4 data-astro-cid-poyn3awd>Replaces</h4> <span data-astro-cid-poyn3awd>DocuSign</span> <img src="/assets/img/products/replaces/[email protected]" alt="DocuSign logo" width="126" height="21" loading="lazy" decoding="async" data-astro-cid-poyn3awd> </div> <div class="product-card__features" data-astro-cid-poyn3awd> <h4 data-astro-cid-poyn3awd>Features:</h4> <ul data-astro-cid-poyn3awd> <li data-astro-cid-poyn3awd>Electronic signatures</li><li data-astro-cid-poyn3awd>Document upload and preparation</li><li data-astro-cid-poyn3awd>Signature fields</li><li data-astro-cid-poyn3awd>Route documents to everyone who needs to sign</li><li data-astro-cid-poyn3awd>Reusable documents</li><li data-astro-cid-poyn3awd>Signing status tracking</li><li data-astro-cid-poyn3awd>Completed-document storage</li><li data-astro-cid-poyn3awd>Secure sharing</li> </ul> </div> <a class="button-primary" href="https://quill.arcticleaf.com/" target="_blank" rel="noopener noreferrer" data-astro-cid-poyn3awd> Explore Quill </a> </div> </article><article class="product-card" data-astro-cid-poyn3awd> <img class="product-card__img" src="/assets/img/products/[email protected]" alt="Origami product interface" width="588" height="588" loading="lazy" decoding="async" data-astro-cid-poyn3awd> <div class="product-card__body" data-astro-cid-poyn3awd> <div class="product-card__pricing" data-astro-cid-poyn3awd> <div class="product-card__head" data-astro-cid-poyn3awd> <h3 class="product-card__name" data-astro-cid-poyn3awd>Origami</h3> <span class="product-card__price" data-astro-cid-poyn3awd>From $70 / month</span> </div> <p class="product-card__trial" data-astro-cid-poyn3awd>14-day free trial · no card required</p> </div> <div class="product-card__intro" data-astro-cid-poyn3awd> <h4 class="product-card__tagline" data-astro-cid-poyn3awd>Build and manage forms without unnecessary complexity</h4> <p class="product-card__desc" data-astro-cid-poyn3awd>A Formstack alternative for creating digital forms, gathering information, and managing submissions.</p> </div> <div class="product-card__replaces" data-astro-cid-poyn3awd> <h4 data-astro-cid-poyn3awd>Replaces</h4> <span data-astro-cid-poyn3awd>Formstack</span> <img src="/assets/img/products/replaces/[email protected]" alt="Formstack logo" width="126" height="21" loading="lazy" decoding="async" data-astro-cid-poyn3awd> </div> <div class="product-card__features" data-astro-cid-poyn3awd> <h4 data-astro-cid-poyn3awd>Features:</h4> <ul data-astro-cid-poyn3awd> <li data-astro-cid-poyn3awd>Drag-and-drop form creation</li><li data-astro-cid-poyn3awd>Custom fields</li><li data-astro-cid-poyn3awd>Form publishing</li><li data-astro-cid-poyn3awd>Review and organize responses in one place</li><li data-astro-cid-poyn3awd>Email notifications</li><li data-astro-cid-poyn3awd>Conditional form logic</li><li data-astro-cid-poyn3awd>Data export</li><li data-astro-cid-poyn3awd>Secure data collection</li> </ul> </div> <a class="button-primary" href="https://origami.arcticleaf.com/" target="_blank" rel="noopener noreferrer" data-astro-cid-poyn3awd> Explore Origami </a> </div> </article><article class="product-card" data-astro-cid-poyn3awd> <img class="product-card__img" src="/assets/img/products/[email protected]" alt="Squash product interface" width="588" height="588" loading="lazy" decoding="async" data-astro-cid-poyn3awd> <div class="product-card__body" data-astro-cid-poyn3awd> <div class="product-card__pricing" data-astro-cid-poyn3awd> <div class="product-card__head" data-astro-cid-poyn3awd> <h3 class="product-card__name" data-astro-cid-poyn3awd>Squash</h3> <span class="product-card__price" data-astro-cid-poyn3awd>$5 / user / month</span> </div> <p class="product-card__trial" data-astro-cid-poyn3awd>14-day free trial · no card required</p> </div> <div class="product-card__intro" data-astro-cid-poyn3awd> <h4 class="product-card__tagline" data-astro-cid-poyn3awd>Website feedback without the back-and-forth</h4> <p class="product-card__desc" data-astro-cid-poyn3awd>A Marker.io alternative that helps teams report, organize, and resolve website issues more efficiently.</p> </div> <div class="product-card__replaces" data-astro-cid-poyn3awd> <h4 data-astro-cid-poyn3awd>Replaces</h4> <span data-astro-cid-poyn3awd>Marker.io</span> <img src="/assets/img/products/replaces/[email protected]" alt="Marker.io logo" width="126" height="21" loading="lazy" decoding="async" data-astro-cid-poyn3awd> </div> <div class="product-card__features" data-astro-cid-poyn3awd> <h4 data-astro-cid-poyn3awd>Features:</h4> <ul data-astro-cid-poyn3awd> <li data-astro-cid-poyn3awd>Visual website feedback</li><li data-astro-cid-poyn3awd>Screenshot capture</li><li data-astro-cid-poyn3awd>On-screen annotations</li><li data-astro-cid-poyn3awd>Capture technical context automatically</li><li data-astro-cid-poyn3awd>Issue tracking</li><li data-astro-cid-poyn3awd>Comment threads</li><li data-astro-cid-poyn3awd>Team collaboration</li><li data-astro-cid-poyn3awd>
403Development workflow support</li> </ul> </div> <a class="button-primary" href="https://squash.arcticleaf.com/" target="_blank" rel="noopener noreferrer" data-astro-cid-poyn3awd> Explore Squash </a> </div> </article><article class="product-card" data-astro-cid-poyn3awd> <img class="product-card__img" src="/assets/img/products/[email protected]" alt="Vellum product interface" width="588" height="588" loading="lazy" decoding="async" data-astro-cid-poyn3awd> <div class="product-card__body" data-astro-cid-poyn3awd> <div class="product-card__pricing" data-astro-cid-poyn3awd> <div class="product-card__head" data-astro-cid-poyn3awd> <h3 class="product-card__name" data-astro-cid-poyn3awd>Vellum</h3> <span class="product-card__price" data-astro-cid-poyn3awd>$29.95 / user / month</span> </div> <p class="product-card__trial" data-astro-cid-poyn3awd>Free for up to 3 SOWs a month</p> </div> <div class="product-card__intro" data-astro-cid-poyn3awd> <h4 class="product-card__tagline" data-astro-cid-poyn3awd>Keep using your AI. We make it official.</h4> <p class="product-card__desc" data-astro-cid-poyn3awd>Turns the scope you already have â a chat thread, a call transcript, a CRM note â into a branded, validated, signable statement of work.</p> </div> <div class="product-card__features" data-astro-cid-poyn3awd> <h4 data-astro-cid-poyn3awd>Features:</h4> <ul data-astro-cid-poyn3awd> <li data-astro-cid-poyn3awd>Drafts from AI output, transcripts, notes, or an old SOW</li><li data-astro-cid-poyn3awd>Structured scope, line items, hours, and rates</li><li data-astro-cid-poyn3awd>Totals recomputed server-side, never the model's arithmetic</li><li data-astro-cid-poyn3awd>Line items checked against your rate card</li><li data-astro-cid-poyn3awd>Your legal and payment terms applied automatically</li><li data-astro-cid-poyn3awd>Client signs by secure link, no account needed</li><li data-astro-cid-poyn3awd>Counter-sign to execute, with a full audit trail</li><li data-astro-cid-poyn3awd>Accepts .docx, .pdf, .csv, and JSON</li> </ul> </div> <a class="button-primary" href="https://vellum.arcticleaf.com/" target="_blank" rel="noopener noreferrer" data-astro-cid-poyn3awd> Explore Vellum </a> </div> </article> </div> </div> </section> <section id="suite" data-astro-cid-3swd3b6j> <div class="suite__image" data-astro-cid-3swd3b6j> <img src="/assets/img/products/[email protected]" alt="The Arctic Leaf product suite" width="840" height="840" loading="lazy" decoding="async" data-astro-cid-3swd3b6j> </div> <div class="suite__text" data-astro-cid-3swd3b6j> <div class="suite__content" data-astro-cid-3swd3b6j> <p class="suite__badge" data-astro-cid-3swd3b6j>save up to 20% when you bundle</p> <h2 data-astro-cid-3swd3b6j>mix and match.<br data-astro-cid-3swd3b6j>save as you add.</h2> <p class="suite__lead" data-astro-cid-3swd3b6j> 404Buy any product on its own, or combine them and the discount grows with 405 every one you add — taken off your whole bill. 406</p> <div class="suite__tiers" data-astro-cid-3swd3b6j> <h3 data-astro-cid-3swd3b6j>Pick your products</h3> <ul class="bundle-picker" id="bundle-picker" data-astro-cid-3swd3b6j> <li data-astro-cid-3swd3b6j> <label data-astro-cid-3swd3b6j> <input type="checkbox" value="Glide" data-astro-cid-3swd3b6j> <img src="/assets/img/products/icons/glide.webp" alt="" width="24" height="24" loading="lazy" decoding="async" data-astro-cid-3swd3b6j> <span data-astro-cid-3swd3b6j>Glide</span> </label> </li><li data-astro-cid-3swd3b6j> <label data-astro-cid-3swd3b6j> <input type="checkbox" value="Quill" data-astro-cid-3swd3b6j> <img src="/assets/img/products/icons/quill.webp" alt="" width="24" height="24" loading="lazy" decoding="async" data-astro-cid-3swd3b6j> <span data-astro-cid-3swd3b6j>Quill</span> </label> </li><li data-astro-cid-3swd3b6j> <label data-astro-cid-3swd3b6j> <input type="checkbox" value="Origami" data-astro-cid-3swd3b6j> <img src="/assets/img/products/icons/origami.webp" alt="" width="24" height="24" loading="lazy" decoding="async" data-astro-cid-3swd3b6j> <span data-astro-cid-3swd3b6j>Origami</span> </label> </li><li data-astro-cid-3swd3b6j> <label data-astro-cid-3swd3b6j> <input type="checkbox" value="Squash" data-astro-cid-3swd3b6j> <img src="/assets/img/products/icons/squash.webp" alt="" width="24" height="24" loading="lazy" decoding="async" data-astro-cid-3swd3b6j> <span data-astro-cid-3swd3b6j>Squash</span> </label> </li><li data-astro-cid-3swd3b6j> <label data-astro-cid-3swd3b6j> <input type="checkbox" value="Vellum" data-astro-cid-3swd3b6j> <img src="/assets/img/products/icons/vellum.webp" alt="" width="24" height="24" loading="lazy" decoding="async" data-astro-cid-3swd3b6j> <span data-astro-cid-3swd3b6j>Vellum</span> </label> </li> </ul> <p class="bundle-result" id="bundle-result" aria-live="polite" data-astro-cid-3swd3b6j> 407Select two or more products to see your discount. 408</p> <ul class="tier-ladder" data-astro-cid-3swd3b6j> <li data-count="1" data-astro-cid-3swd3b6j> <span class="tier-ladder__count" data-astro-cid-3swd3b6j>1 product</span> <span class="tier-ladder__save" data-astro-cid-3swd3b6j>full price</span> </li><li data-count="2" data-astro-cid-3swd3b6j> <span class="tier-ladder__count" data-astro-cid-3swd3b6j>2 products</span> <span class="tier-ladder__save" data-astro-cid-3swd3b6j>save 10%</span> </li><li data-count="3" data-astro-cid-3swd3b6j> <span class="tier-ladder__count" data-astro-cid-3swd3b6j>3 products</span> <span class="tier-ladder__save" data-astro-cid-3swd3b6j>save 15%</span> </li><li data-count="4" class="is-best" data-astro-cid-3swd3b6j> <span class="tier-ladder__count" data-astro-cid-3swd3b6j>4+ products</span> <span class="tier-ladder__save" data-astro-cid-3swd3b6j>save 20%</span> </li> </ul> <p class="suite__note" data-astro-cid-3swd3b6j> 409The discount comes off your total bill — whichever products, 410 plans, seats or billing period you choose. 411</p> </div> <div class="suite__features" data-astro-cid-3swd3b6j> <h3 data-astro-cid-3swd3b6j>What bundling adds</h3> <ul data-astro-cid-3swd3b6j> <li data-astro-cid-3swd3b6j>One invoice, not one per product</li><li data-astro-cid-3swd3b6j>One renewal date</li><li data-astro-cid-3swd3b6j>The discount applies to your entire bill</li> </ul> </div> <div class="suite__actions" data-astro-cid-3swd3b6j> <!-- #contact is the id on the ContactForm section at the foot of the page. --> <a class="button-primary" href="#contact" data-astro-cid-3swd3b6j>Get the Complete Suite</a> </div> </div> </div> </section> <section id="what-to-expect" data-astro-cid-3swd3b6j> <div class="container" data-astro-cid-3swd3b6j> <h2 data-astro-cid-3swd3b6j>what to expect</h2> <p class="what-to-expect__intro" data-astro-cid-3swd3b6j> 412Here’s what comes with an Arctic Leaf product or the complete 413 suite. 414</p> <ul class="what-to-expect__grid" data-astro-cid-3swd3b6j> <li data-astro-cid-3swd3b6j> <img src="/assets/img/products/what-to-expect-icon1.webp" alt="" width="200" height="200" loading="lazy" decoding="async" data-astro-cid-3swd3b6j> <h3 data-astro-cid-3swd3b6j>Arctic Leaf Owned</h3> <p data-astro-cid-3swd3b6j>Every product is developed and operated by our team.</p> </li><li data-astro-cid-3swd3b6j> <img src="/assets/img/products/what-to-expect-icon2.webp" alt="" width="200" height="200" loading="lazy" decoding="async" data-astro-cid-3swd3b6j> <h3 data-astro-cid-3swd3b6j>Direct Support</h3> <p data-astro-cid-3swd3b6j>
414Get help from the people who build and maintain the software.</p> </li><li data-astro-cid-3swd3b6j> <img src="/assets/img/products/what-to-expect-icon3.webp" alt="" width="200" height="200" loading="lazy" decoding="async" data-astro-cid-3swd3b6j> <h3 data-astro-cid-3swd3b6j>Secure & Accessible</h3> <p data-astro-cid-3swd3b6j>Built for modern browsers with security-conscious hosting and access controls.</p> </li><li data-astro-cid-3swd3b6j> <img src="/assets/img/products/what-to-expect-icon4.webp" alt="" width="200" height="200" loading="lazy" decoding="async" data-astro-cid-3swd3b6j> <h3 data-astro-cid-3swd3b6j>Simple Suite Access</h3> <p data-astro-cid-3swd3b6j>Streamlined accounts and billing across the product suite.</p> </li><li data-astro-cid-3swd3b6j> <img src="/assets/img/products/what-to-expect-icon5.webp" alt="" width="200" height="200" loading="lazy" decoding="async" data-astro-cid-3swd3b6j> <h3 data-astro-cid-3swd3b6j>Easy to Evaluate</h3> <p data-astro-cid-3swd3b6j>Trial or demo options are available before committing.</p> </li> </ul> <a class="button-primary" href="/contact/" data-astro-cid-3swd3b6j>Contact Us Now</a> </div> </section> <section id="build-cta" data-astro-cid-3swd3b6j> <div class="container" data-astro-cid-3swd3b6j> <h2 data-astro-cid-3swd3b6j>need an app built—or a SaaS product replaced?</h2> <p class="build-cta__lead" data-astro-cid-3swd3b6j> 415Show us the software you rely on. We’ll help determine whether it 416 makes more sense to integrate it, improve it, or replace it. 417</p> <p class="build-cta__body" data-astro-cid-3swd3b6j> 418Arctic Leaf builds practical software around the way your business 419 actually operates. Whether you need a custom internal application, a 420 client-facing platform, or a replacement for an expensive SaaS 421 subscription, our team can help you evaluate, design, build, and launch 422 it. 423</p> <a class="button-primary" href="/contact/" data-astro-cid-3swd3b6j>Contact Us Now</a> </div> </section> <div id="contact" class="bg-index" data-astro-cid-svshx33u> <div class="container" data-astro-cid-svshx33u> <div class="row" data-astro-cid-svshx33u> <div class="col-md-6 col-md-offset-3 col-xs-12" data-astro-cid-svshx33u> <div class="contact-title" data-astro-cid-svshx33u> <h2 data-astro-cid-svshx33u>talk to us about the product suite</h2> <p data-astro-cid-svshx33u> Tell us which tools your team relies on today and weâll help you figure out what to keep, improve, or replace. </p> </div> </div> <div class="col-md-8 col-md-offset-2 col-xs-12" data-astro-cid-svshx33u> <div class="form-ct" data-astro-cid-svshx33u> <!-- Fields mirror the Origami form "New Sales Request" 424 (origami.arcticleaf.com/embed/w8ne32s3n) one-for-one. Renaming or 425 adding a field here means adding it in Origami too, otherwise the 426 value is silently dropped on submit. --> <form id="contact-form" data-astro-cid-svshx33u> <div class="row" data-astro-cid-svshx33u> <!-- Every field carries a blank placeholder and `rel-float` so the 427 label floats on "has a value" rather than on :valid â an empty 428 optional field is :valid, and a half-typed email is :invalid, 429 both of which put the stock CSS in the wrong state. --> <div class="col-md-6 col-xs-12" data-astro-cid-svshx33u> <div class="rel rel-float" data-astro-cid-svshx33u> <input class="input" aria-label="Full name" type="text" id="full-name" placeholder=" " required data-astro-cid-svshx33u> <span class="float-label" data-astro-cid-svshx33u>Full name</span> </div> </div> <div class="col-md-6 col-xs-12" data-astro-cid-svshx33u> <div class="rel rel-float" data-astro-cid-svshx33u> <input class="input" aria-label="Company Name" type="text" id="comp-name" placeholder=" " required data-astro-cid-svshx33u> <span class="float-label" data-astro-cid-svshx33u>Company Name</span> </div> </div> <div class="col-md-6 col-xs-12" data-astro-cid-svshx33u> <div class="rel rel-float" data-astro-cid-svshx33u> <input class="input" aria-label="Work email" type="email" id="input-email" placeholder=" " required data-astro-cid-svshx33u> <span class="float-label" data-astro-cid-svshx33u>Work email</span> </div> </div> <div class="col-md-6 col-xs-12" data-astro-cid-svshx33u> <div class="rel rel-float" data-astro-cid-svshx33u> <input class="input" aria-label="Phone Number" type="tel" id="input-number" placeholder=" " data-astro-cid-svshx33u> <span class="float-label" data-astro-cid-svshx33u>Phone Number</span> </div> </div> <div class="col-md-12 col-xs-12" data-astro-cid-svshx33u> <div class="rel rel-float" data-astro-cid-svshx33u> <input class="input" aria-label="Website" type="text" id="web-url" placeholder=" " data-astro-cid-svshx33u> <span class="float-label" data-astro-cid-svshx33u>Website</span> </div> </div> <div class="col-md-12 col-xs-12" data-astro-cid-svshx33u> <fieldset class="inquiry-multi" aria-labelledby="interest-label" data-astro-cid-svshx33u> <p class="inquiry-multi__label" id="interest-label" data-astro-cid-svshx33u> Which products are you interested in? Pick any. </p> <ul data-astro-cid-svshx33u> <li data-astro-cid-svshx33u> <label data-astro-cid-svshx33u> <input type="checkbox" name="interest" value="The full suite" data-astro-cid-svshx33u> <span data-astro-cid-svshx33u>The full suite</span> </label> </li><li data-astro-cid-svshx33u> <label data-astro-cid-svshx33u> <input type="checkbox" name="interest" value="Glide" data-astro-cid-svshx33u> <img src="/assets/img/products/icons/glide.webp" alt="" width="24" height="24" loading="lazy" decoding="async" data-astro-cid-svshx33u> <span data-astro-cid-svshx33u>Glide</span> </label> </li><li data-astro-cid-svshx33u> <label data-astro-cid-svshx33u> <input type="checkbox" name="interest" value="Quill" data-astro-cid-svshx33u> <img src="/assets/img/products/icons/quill.webp" alt="" width="24" height="24" loading="lazy" decoding="async" data-astro-cid-svshx33u> <span data-astro-cid-svshx33u>Quill</span> </label> </li><li data-astro-cid-svshx33u> <label data-astro-cid-svshx33u> <input type="checkbox" name="interest" value="Origami" data-astro-cid-svshx33u> <img src="/assets/img/products/icons/origami.webp" alt="" width="24" height="24" loading="lazy" decoding="async" data-astro-cid-svshx33u> <span data-astro-cid-svshx33u>Origami</span> </label> </li><li data-astro-cid-svshx33u> <label data-astro-cid-svshx33u> <input type="checkbox" name="interest" value="Squash" data-astro-cid-svshx33u> <img src="/assets/img/products/icons/squash.webp" alt="" width="24" height="24" loading="lazy" decoding="async" data-astro-cid-svshx33u> <span data-astro-cid-svshx33u>Squash</span> </label> </li><li data-astro-cid-svshx33u> <label data-astro-cid-svshx33u> <input type="checkbox" name="interest" value="Vellum" data-astro-cid-svshx33u> <img src="/assets/img/products/icons/vellum.webp" alt="" width="24" height="24" loading="lazy" decoding="async" data-astro-cid-svshx33u> <span data-astro-cid-svshx33u>Vellum</span> </label> </li> </ul> </fieldset> </div> <div class="col-md-12 col-xs-12" data-astro-cid-svshx33u> <div class="rel rel-float" data-astro-cid-svshx33u> <textarea class="input" name="message" id="message" aria-label="What are you hoping to solve?" rows="4" placeholder=" " data-astro-cid-svshx33u></textarea> <span class="float-label" data-astro-cid-svshx33u>What are you hoping to solve?</span> </div> </div> </div> </form> <!-- Invisible Cloudflare Turnstile mount point (no visible UI unless 430 Cloudflare decides a visitor needs an interactive challenge). --> <div id="cf-turnstile-contact" data-astro-cid-svshx33u></div> </div> <div class="btm-text-form" data-astro-cid-svshx33u> <p data-astro-cid-svshx33u> 431Arctic Leaf Inc. needs the contact information you provide to us to 432 contact you about our products and services. You may unsubscribe 433 from these communications at anytime. For information on how to 434 unsubscribe, as well as our privacy practices and commitment to 435 protecting your privacy, check out our <a href="/privacy-policy/" data-astro-cid-svshx33u>Privacy Policy</a>. 436</p> </div> <span id="pageName" style="visibility:hidden" data-astro-cid-svshx33u>Products</span> <span id="pageUrl" style="visibility:hidden" data-astro-cid-svshx33u>https://www.arcticleaf.io/products</span> <span id="redirectUrl" style="visibility:hidden" data-astro-cid-svshx33u>/message-confirmation</span> <div class="sbt" data-astro-cid-svshx33u> <button id="input-submit" class="btn-submit" data-contact-form-button data-astro-cid-svshx33u>Submit</button> </div> </div> </div> </div> <div class="footer"> <div class="container"> <div class="row"> <div class="col-md-6 col-xs-12 col-md-offset-3"> <h3 class="sub text-center" style="color: white;"> 437unlock smarter growth 438</h3> <p class="text-center"> 439Join our list for expert tips on CRO, UX, and ecommerce strategy. 440 Plus early access to tools, audits, and insights. 441</p> <div class="row"> <div class="col-md-8 col-md-offset-2 col-xs-12"> <div class="subcribe"> <form id="newsletter-form"> <div class="rel"> <label for="input-email-newsletter" style="opacity: 0; position: absolute; top: 0; left: 0;"> 442Email Address 443</label> <input class="input" type="email" id="input-email-newsletter" placeholder="email" required> <button data-newsletter-form-button aria-label="Submit"> <img src="/assets/img/right-arrow.svg" alt="Submit Arrow Pointing Right" width="20" height="20"> </button> </div> <!-- Invisible Cloudflare Turnstile mount point. --> <div id="cf-turnstile-newsletter"></div> </form> </div> </div> </div> </div> </div> <div class="row"> <div class="col-md-3 col-md-offset-0 first-md col-sm-6 col-sm-offset-3 last-sm col-xs-12 m-center"> <div class="ft-one ft-2"> <a href="/"><img src="/assets/img/logo.png" alt="Arctic Leaf Logo" width="100%" height="auto" loading="lazy"></a> <p>Your partner in superior digital solutions.</p> <img class="flag m-hide" src="/assets/img/flags.png" alt="USA, Canada, Brazil Flags" width="180" height="24" loading="lazy"> <ul class="social m-hide"> <li> <a href="https://www.facebook.com/ArcticLeaf" target="_blank"><img src="/assets/img/icon/fb.svg" alt="Arctic Leaf Facebook Icon" width="24" height="24" loading="lazy"></a> </li> <li> <a href="https://linkedin.com/company/arcticleaf" target="_blank"><img src="/assets/img/icon/in.svg" alt="Arctic Leaf LinkedIn Icon" width="24" height="24" loading="lazy"></a> </li> <li> <a href="https://www.instagram.com/arcticleaf" target="_blank"><img src="/assets/img/icon/ig.svg" alt="Arctic Leaf Instagram Icon" width="24" height="24" loading="lazy"></a> </li> <li> <a href="https://x.com/arcticleafinc" target="_blank"><img src="/assets/img/icon/tw-x.svg" alt="Arctic Leaf X Icon" width="24" height="24" loading="lazy"></a> </li> <li>
443 <a href="https://www.youtube.com/channel/UCbznuhK3V9owXmBzJtKrpsQ" target="_blank"><img src="/assets/img/icon/yt.svg" alt="Arctic Leaf Youtube Icon" width="24" height="24" loading="lazy"></a> </li> </ul> </div> </div> <div class="col-md-2 col-md-offset-1 col-sm-3 col-sm-offset-0 col-xs-12"> <label class="accordion"> <input type="checkbox" name="checkbox-accordion"> <div class="accordion-header"> <h4>Services</h4> </div> <div class="accordion-content"> <ul> <li><a href="/growth-marketing/">Growth Marketing</a></li> <li> <a href="/branding-solutions/">Branding Solutions</a> </li> <li><a href="/design-solutions/">Design Solutions</a></li> <li> <a href="/technical-solutions/">Technical Solutions</a> </li> <li> <a href="/direct-sales-services/">Direct Sales</a> </li> <li> <a href="/express/">Express Packages</a> </li> <li> <a href="/why-shopify/">Why Shopify</a> </li> </ul> </div> </label> </div> <div class="col-md-2 col-sm-3 col-xs-12"> <label class="accordion"> <input type="checkbox" name="checkbox-accordion"> <div class="accordion-header"> <h4>Blog & Events</h4> </div> <div class="accordion-content"> <ul> <li><a href="/blog/">Blog</a></li> <li> <a href="/blog/news-announcements/">News & Announcements</a> </li> <li><a href="/blog/learning-center/">Learning Center</a></li> <li><a href="/ontap">OnTap Series</a></li> </ul> </div> </label> </div> <div class="col-md-2 col-sm-3 col-xs-12"> <label class="accordion"> <input type="checkbox" name="checkbox-accordion"> <div class="accordion-header"> <h4>Support Center</h4> </div> <div class="accordion-content"> <ul> <li><a href="/client-resources/">Client Resources & FAQ</a></li> <li><a href="https://clients.arcticleaf.io">Client Portal</a></li> <li> <a href="https://help.arcticleaf.io">App Knowledgebase</a> </li> </ul> </div> </label> </div> <div class="col-md-2 col-sm-2 col-xs-12"> <label class="accordion"> <input type="checkbox" name="checkbox-accordion"> <div class="accordion-header"> <h4>Contact</h4> </div> <div class="accordion-content"> <ul> <li><a href="tel:+19493771301">949-377-1301</a></li> <li><a href="/about/">About Us</a></li> <li><a href="/contact/">Contact Us</a></li> <li> <a href="/partners/">Partner Program</a> </li> <li><a href="/careers/">Careers</a></li> </ul> </div> </label> </div> <div class="col-md-3 col-xs-12 m-center m-show"> <div class="ft-one ft-2"> <ul class="social mt-30"> <li> <a href="https://www.facebook.com/ArcticLeaf"><img src="/assets/img/icon/fb.svg" alt="Arctic Leaf Facebook Icon Mobile" width="24" height="24" loading="lazy"></a> </li> <li> <a href="https://linkedin.com/company/arcticleaf"><img src="/assets/img/icon/in.svg" alt="Arctic Leaf LinkedIn Icon Mobile" width="24" height="24" loading="lazy"></a> </li> <li> <a href="https://www.instagram.com/arcticleaf"><img src="/assets/img/icon/ig.svg" alt="Arctic Leaf Instagram Icon Mobile" width="24" height="24" loading="lazy"></a> </li> <li> <a href="https://x.com/arcticleafinc"><img src="/assets/img/icon/tw-x.svg" alt="Arctic Leaf X Icon Mobile" width="24" height="24" loading="lazy"></a> </li> <li> <a href="https://www.youtube.com/channel/UCbznuhK3V9owXmBzJtKrpsQ"><img src="/assets/img/icon/yt.svg" alt="Arctic Leaf YouTube Icon Mobile" width="24" height="24" loading="lazy"></a> </li> </ul> <img class="flag mt-30" src="/assets/img/flags.png" alt="USA, Canada, Brazil Flags Mobile" width="180" height="24" loading="lazy"> </div> </div> </div> </div> </div>
443<script type="module" src="/_astro/Footer.astro_astro_type_script_index_0_lang.DH3mZMMr.js"></script>
443 </div>
443<script type="module" src="/_astro/ContactForm.astro_astro_type_script_index_0_lang.BpkDbc2e.js"></script>
443 <div id="copyright"> <div class="container"> <div class="row"> <div class="col-xs-12 text-center"> <div class="copyright"> <ul> <li> 444Copyright © 2026. Arctic Leaf Inc. All Rights Reserved. 445</li> <li><a href="/privacy-policy/">Privacy & Policy</a></li> <li><a href="/terms-and-conditions/">Terms & Conditions</a></li> </ul> </div> </div> </div> </div> </div> </div> <!-- Start of HubSpot Embed Code -->
445<script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/3044628.js"></script>
445 <!-- End of HubSpot Embed Code --> <!-- Deferred Third-Party Tracking Scripts --> <!-- Google Tag Manager -->
445<script type="module">(function(e,n,r,t,m){e[t]=e[t]||[],e[t].push({"gtm.start":new Date().getTime(),event:"gtm.js"});var g=n.getElementsByTagName(r)[0],a=n.createElement(r),s="";a.async=!0,a.src="https://www.googletagmanager.com/gtm.js?id="+m+s,g.parentNode?.insertBefore(a,g)})(window,document,"script","dataLayer","GTM-MJMTXVLP");</script>
445 <!-- End Google Tag Manager --> <!-- Google tag (gtag.js) -->
vendor: 64 bytes, line 445
445 <script async src="https://www.googletagmanager.com/gtag/js?id=
445AW-733618706
vendor: 12 bytes, line 445
445"></script>
445<script type="module">window.dataLayer=window.dataLayer||[];function a(){dataLayer.push(arguments)}a("js",new Date);a("config","AW-733618706");</script>
445 <!-- Hotjar Tracking Code for Arctic Leaf New Site 2/2025 -->
445<script type="module">(function(t,s,n,h,j,e){t.hj=t.hj||function(){(t.hj.q=t.hj.q||[]).push(arguments)},t._hjSettings={hjid:5301051,hjsv:6},j=s.getElementsByTagName("head")[0],e=s.createElement("script"),e.async=1,e.src=n+t._hjSettings.hjid+h+t._hjSettings.hjsv,j.appendChild(e)})(window,document,"https://static.hotjar.com/c/hotjar-",".js?sv=");</script>
445 <!-- Meta Pixel Code -->
445<script type="module">(function(t,u,c,o,e,a,r){t.fbq||(e=t.fbq=function(){e.callMethod?e.callMethod.apply(e,arguments):e.queue.push(arguments)},t._fbq||(t._fbq=e),e.push=e,e.loaded=!0,e.version="2.0",e.queue=[],a=u.createElement(c),a.async=!0,a.src=o,r=u.getElementsByTagName(c)[0],r.parentNode.insertBefore(a,r))})(window,document,"script","https://connect.facebook.net/en_US/fbevents.js");fbq("init","2210792192308349");fbq("track","PageView");</script>
445 <noscript><img height="1" width="1" style="display:none" src="https://www.facebook.com/tr?id=2210792192308349&ev=PageView&noscript=1"></noscript> <!-- End Meta Pixel Code --> <!-- Aggle Tracking -->
445<script type="text/javascript"> 446 !(function (s) { 447 let o = s.createElement("script"), 448 u = s.getElementsByTagName("script")[0]; 449 o.src = "https://cdn.aggle.net/oir/oir.min.js"; 450 (o.async = !0), 451 o.setAttribute("oirtyp", "6311ae17"), 452 o.setAttribute("oirid", "P8377M2L6"); 453 u.parentNode.insertBefore(o, u); 454 })(document); 455 </script>
455
455<script type="text/javascript"> 456 !(function (e) { 457 let t = {}; 458 (e._oirtrk = e._oirtrk || []).push(["track", "on-site", t]); 459 })(window); 460 </script>
460 <!-- End Aggle Tracking --> <!-- Cloudflare Pages Analytics -->
vendor: 99 bytes, line 460
460<script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "
460a6669560ad044d58be1e968a3be355c6
vendor: 13 bytes, line 460
460"}'></script>
460<!-- Cloudflare Pages Analytics --></body></html>
460<script type="module">const n=document.getElementById("bundle-picker"),t=document.getElementById("bundle-result"),r=document.querySelectorAll(".tier-ladder li");if(n&&t&&r.length){const c={2:10,3:15,4:20},a=t.textContent,d=Math.max(...Object.keys(c).map(Number)),o=()=>{const e=n.querySelectorAll("input:checked").length,l=Math.min(e,d);r.forEach(s=>s.classList.toggle("is-active",Number(s.dataset.count)===l)),e===0?t.textContent=a:e===1?t.textContent="1 product at full price. Add another and save 10%.":t.textContent=`${e} products â save ${c[l]}% on your total bill.`};n.addEventListener("change",o),o()}</script>
460
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.