1<!DOCTYPE html><html lang="en" class="scroll-smooth"> <head><meta charset="UTF-8"><title>Pricing â Solo, Pro & Business | Can Do</title>
1<script> 2 (function() { 3 try { 4 if (localStorage.getItem('theme') === 'dark') { 5 document.documentElement.classList.add('dark'); 6 } 7 } catch (e) {} 8 })(); 9 </script>
9<meta name="viewport" content="width=device-width,initial-scale=1"><link rel="preload" href="/fonts/Bricolage/bricolage-grotesque-700.woff2" as="font" type="font/woff2" crossorigin><link rel="preload" href="/fonts/Inter/Inter-400.woff2" as="font" type="font/woff2" crossorigin><meta name="description" content="Simple Can Do pricing. Every plan includes every tool, unlimited users and unlimited sites. Pro and Business publish on your own domains. 14-day free trial, no credit card."><meta name="keywords" content="basecamp tools, basecamp addons, basecamp plugins, basecamp integration, basecamp blog, basecamp knowledge base, basecamp companion, basecamp mac app, basecamp productivity, basecamp apps, 37signals tools, basecamp CMS, project management tools"><link rel="canonical" href="https://getcando.com/pricing/"><meta property="og:title" content="Pricing â Solo, Pro & Business | Can Do"><meta property="og:description" content="Simple Can Do pricing. Every plan includes every tool, unlimited users and unlimited sites. Pro and Business publish on your own domains. 14-day free trial, no credit card."><meta property="og:type" content="website"><meta property="og:url" content="https://getcando.com/pricing/"><meta property="og:image" content="https://getcando.com/open-graph.jpg"><meta property="og:image:width" content="1200"><meta property="og:image:height" content="630"><meta property="og:image:type" content="image/jpeg"><meta property="twitter:card" content="summary_large_image"><meta property="twitter:creator" content="@IQTHINK"><meta property="twitter:title" content="Pricing â Solo, Pro & Business | Can Do"><meta property="twitter:description" content="Simple Can Do pricing. Every plan includes every tool, unlimited users and unlimited sites. Pro and Business publish on your own domains. 14-day free trial, no credit card."><meta property="twitter:image" content="https://getcando.com/open-graph.jpg"><link rel="icon" type="image/png" href="/favicon.png"><meta name="generator" content="Astro v4.16.19"><link rel="sitemap" href="/sitemap-index.xml">
9<script defer data-domain="getcando.com" src="https://plausible.io/js/script.tagged-events.js"></script>
9<script defer src="https://unpkg.com/@alpinejs/[email protected]/dist/cdn.min.js"></script>
9<script defer src="https://unpkg.com/@alpinejs/[email protected]/dist/cdn.min.js"></script>
9<script defer src="https://unpkg.com/@alpinejs/[email protected]/dist/cdn.min.js"></script>
9<script type="text/partytown" data-domain="getcando.com" src="https://plausible.io/js/script.js"></script>
9<script type="application/ld+json">{"@context":"https://schema.org","@graph":[{"@type":"Organization","@id":"https://getcando.com/#organization","name":"Can Do","url":"https://getcando.com","logo":"https://getcando.com/images/companion/cando-arrows-tile-256.webp","sameAs":["https://twitter.com/IQTHINK","https://iqthink.com"]},{"@type":"WebSite","@id":"https://getcando.com/#website","name":"Can Do","url":"https://getcando.com","publisher":{"@id":"https://getcando.com/#organization"}}]}</script>
9<script type="application/ld+json">[{"@context":"https://schema.org","@type":"Product","name":"Can Do for Basecamp","description":"Blog, knowledge base, roadmap, forms and 10 tools that run on top of Basecamp. Solo, Pro and Business plans â billed per Basecamp account, never per seat. Companion for Mac included.","brand":{"@type":"Organization","name":"Can Do"},"offers":[{"@type":"Offer","name":"Solo, monthly","price":"19","priceCurrency":"USD","url":"https://getcando.com/pricing"},{"@type":"Offer","name":"Solo, annual","price":"108","priceCurrency":"USD","url":"https://getcando.com/pricing"},{"@type":"Offer","name":"Pro, monthly","price":"49","priceCurrency":"USD","url":"https://getcando.com/pricing"},{"@type":"Offer","name":"Pro, annual","price":"348","priceCurrency":"USD","url":"https://getcando.com/pricing"},{"@type":"Offer","name":"Business, monthly","price":"179","priceCurrency":"USD","url":"https://getcando.com/pricing"},{"@type":"Offer","name":"Business, annual","price":"1188","priceCurrency":"USD","url":"https://getcando.com/pricing"},{"@type":"Offer","name":"Companion, annual","price":"79","priceCurrency":"USD","url":"https://getcando.com/pricing"}]}]</script>
9<link rel="stylesheet" href="/_astro/blog-with-basecamp.CAU376eT.css"> 10<style>.pricing-save{display:inline-flex;align-items:center;margin-left:.15rem;padding:.15rem .45rem;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.06em;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);white-space:nowrap}.pricing-included{display:flex;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:.6rem .75rem;border-radius:.75rem;background:color-mix(in srgb,var(--accent) 7%,transparent);border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);font-size:12.5px;color:var(--text)}.pricing-included img{width:18px;height:18px;display:block;flex-shrink:0}.companion-standalone{border-radius:28px;background:linear-gradient(145deg,#1a2352,#232c63 55%,#2c2f70);box-shadow:0 32px 70px -34px #1018288c;overflow:hidden}.companion-standalone-inner{display:flex;flex-direction:column;gap:2rem;padding:2.25rem}.companion-standalone-lead{flex:1;min-width:0}.companion-standalone-buy{display:flex;flex-direction:column;padding:1.5rem;border-radius:20px;background:#ffffff12;border:1px solid rgba(255,255,255,.12)}@media (min-width: 900px){.companion-standalone-inner{flex-direction:row;align-items:stretch;gap:2.75rem;padding:2.75rem}.companion-standalone-buy{width:260px;flex-shrink:0;justify-content:center}}.companion-app-icon{width:60px;height:60px;display:block;border-radius:14px;box-shadow:0 10px 24px -10px #0000008c}.companion-beta{display:inline-flex;align-items:center;padding:.15rem .45rem;border-radius:6px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:#fff;background:#ffffff2e}.companion-cta{display:inline-flex;align-items:center;justify-content:center;width:100%;padding:.8rem 1rem;border-radius:.85rem;background:#fff;color:#1a2352;font-size:14.5px;font-weight:700;transition:transform .2s ease,box-shadow .2s ease}.companion-cta:hover{transform:translateY(-1px);box-shadow:0 12px 26px -12px #00000080}@media (prefers-reduced-motion: reduce){.companion-cta:hover{transform:none}}.pricing-card{display:flex;flex-direction:column;border-radius:24px;padding:1.75rem;background:var(--surface);border:1px solid var(--border);transition:transform .3s var(--ease-out, ease),box-shadow .3s ease,opacity .5s ease}.pricing-card:hover{transform:translateY(-6px);border-color:color-mix(in srgb,var(--accent) 55%,transparent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 13%,transparent),0 26px 54px -22px #1018284d}.pricing-card-head{min-height:96px}.pricing-card--featured{border:1.5px solid color-mix(in srgb,var(--accent) 45%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 6%,var(--surface)),var(--surface));box-shadow:0 20px 50px -26px color-mix(in srgb,var(--accent) 42%,transparent)}.pricing-card--featured:hover{box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 16%,transparent),0 30px 62px -24px color-mix(in srgb,var(--accent) 52%,transparent)}@media (prefers-reduced-motion: reduce){.pricing-card{transition:opacity .4s ease}.pricing-card:hover{transform:none}} 11.cta-pillar[data-astro-cid-5f7neqxn]{text-decoration:none;transition:transform .25s cubic-bezier(.16,1,.3,1),background-color .25s ease,border-color .25s ease}.cta-pillar[data-astro-cid-5f7neqxn]:hover{transform:translateY(-3px);background:#ffffff1a!important;border-color:#ffffff4d!important}.cta-pillar-arrow[data-astro-cid-5f7neqxn]{position:absolute;top:.85rem;right:.85rem;color:#ffffff73;transition:color .25s ease,transform .25s ease}.cta-pillar[data-astro-cid-5f7neqxn]:hover .cta-pillar-arrow[data-astro-cid-5f7neqxn]{color:#fff;transform:translate(2px,-2px)}@media (prefers-reduced-motion: reduce){.cta-pillar[data-astro-cid-5f7neqxn],.cta-pillar-arrow[data-astro-cid-5f7neqxn]{transition:none}.cta-pillar[data-astro-cid-5f7neqxn]:hover{transform:none}} 12</style>
12<script type="module" src="/_astro/hoisted.D34YPUFI.js"></script>
vendor: 1 bytes, line 12
12
13<script type="module" src="/_astro/page.D2RhrP0O.js"></script>
vendor: 1 bytes, line 13
13
14<script>!(function(w,p,f,c){if(!window.crossOriginIsolated && !navigator.serviceWorker) return;c=w[p]=Object.assign(w[p]||{},{"lib":"/~partytown/","debug":false});c[f]=(c[f]||[])})(window,'partytown','forward');/* Partytown 0.13.2 - MIT QwikDev */ 15const t={preserveBehavior:!1},e=e=>{if("string"==typeof e)return[e,t];const[n,r=t]=e;return[n,{...t,...r}]},n=Object.freeze((t=>{const e=new Set;let n=[];do{Object.getOwnPropertyNames(n).forEach((t=>{"function"==typeof n[t]&&e.add(t)}))}while((n=Object.getPrototypeOf(n))!==Object.prototype);return Array.from(e)})());!function(t,r,o,i,a,s,c,l,d,p,u=t,f){function h(){f||(f=1,"/"==(c=(s.lib||"/~partytown/")+(s.debug?"debug/":""))[0]&&(d=r.querySelectorAll('script[type="text/partytown"]'),i!=t?i.dispatchEvent(new CustomEvent("pt1",{detail:t})):(l=setTimeout(v,(null==s?void 0:s.fallbackTimeout)||1e4),r.addEventListener("pt0",w),a?y(1):o.serviceWorker?o.serviceWorker.register(c+(s.swPath||"partytown-sw.js"),{scope:c}).then((function(t){t.active?y():t.installing&&t.installing.addEventListener("statechange",(function(t){"activated"==t.target.state&&y()}))}),console.error):v())))}function y(e){p=r.createElement(e?"script":"iframe"),t._pttab=Date.now(),e||(p.style.display="block",p.style.width="0",p.style.height="0",p.style.border="0",p.style.visibility="hidden",p.setAttribute("aria-hidden",!0)),p.src=c+"partytown-"+(e?"atomics.js?v=0.13.2":"sandbox-sw.html?"+t._pttab),r.querySelector(s.sandboxParent||"body").appendChild(p)}function v(n,o){for(w(),i==t&&(s.forward||[]).map((function(n){const[r]=e(n);delete t[r.split(".")[0]]})),n=0;n<d.length;n++)(o=r.createElement("script")).innerHTML=d[n].innerHTML,o.nonce=s.nonce,r.head.appendChild(o);p&&p.parentNode.removeChild(p)}function w(){clearTimeout(l)}s=t.partytown||{},i==t&&(s.forward||[]).map((function(r){const[o,{preserveBehavior:i}]=e(r);u=t,o.split(".").map((function(e,r,o){var a;u=u[o[r]]=r+1<o.length?u[o[r]]||(a=o[r+1],n.includes(a)?[]:{}):(()=>{let e=null;if(i){const{methodOrProperty:n,thisObject:r}=((t,e)=>{let n=t;for(let t=0;t<e.length-1;t+=1)n=n[e[t]];return{thisObject:n,methodOrProperty:e.length>0?n[e[e.length-1]]:void 0}})(t,o);"function"==typeof n&&(e=(...t)=>n.apply(r,...t))}return function(){let n;return e&&(n=e(arguments)),(t._ptf=t._ptf||[]).push(o,arguments),n}})()}))})),"complete"==r.readyState?h():(t.addEventListener("DOMContentLoaded",h),t.addEventListener("load",h))}(window,document,navigator,top,window.crossOriginIsolated);;(e=>{e.addEventListener("astro:before-swap",e=>{let r=document.body.querySelector("iframe[src*='/~partytown/']");if(r)e.newDocument.body.append(r)})})(document);</script>
15</head> <body class="antialiased"> <header class="cd-header sticky top-0 z-40 pointer-events-none" :class="mobileOpen && 'cd-header--pinned'" x-data="{ 16 isDark: false, 17 mobileOpen: false, 18 toggleTheme() { 19 this.isDark = !this.isDark; 20 document.documentElement.classList.toggle('dark', this.isDark); 21 try { localStorage.setItem('theme', this.isDark ? 'dark' : 'light'); } catch (e) {} 22 window.dispatchEvent(new Event('scroll')); 23 }, 24 }" x-init=" 25 const el = $el; 26 isDark = document.documentElement.classList.contains('dark'); 27 const probeY = 32; 28 const detectTone = () => { 29 const globalTone = document.documentElement.classList.contains('dark') ? 'dark' : 'light'; 30 let tone = globalTone; 31 const probed = document.elementFromPoint(window.innerWidth / 2, probeY); 32 if (probed) { 33 const locked = probed.closest('.section-light, .section-dark'); 34 if (locked && locked.classList.contains('section-light')) tone = 'light'; 35 else if (locked && locked.classList.contains('section-dark')) tone = 'dark'; 36 } 37 const hints = document.querySelectorAll('.tone-dark, .tone-light'); 38 for (const h of hints) { 39 const r = h.getBoundingClientRect(); 40 if (r.top <= probeY && r.bottom > probeY) { 41 tone = h.classList.contains('tone-dark') ? 'dark' : 'light'; 42 } 43 } 44 if (el.dataset.tone !== tone) el.dataset.tone = tone; 45 }; 46 el.dataset.tone = document.documentElement.classList.contains('dark') ? 'dark' : 'light'; 47 detectTone(); 48 window.addEventListener('scroll', detectTone, { passive: true }); 49 window.addEventListener('resize', detectTone, { passive: true }); 50 "> <!-- Above the mobile overlay (z-30) so the burger stays reachable to close it. --> <div class="pointer-events-none relative z-40 px-4 md:px-6 lg:px-8 pt-3 md:pt-4 flex justify-center"> <div class="cd-glass pointer-events-auto w-full max-w-screen-2xl"> <div class="flex items-center gap-2 px-3 md:px-4 lg:px-6 h-14 md:h-16"> <a href="/" class="cd-logo flex items-center shrink-0" aria-label="Can Do"> <svg width="1.18em" height="1em" class="w-10 h-10 md:w-11 md:h-11" data-icon="logo-white"> <symbol id="ai:local:logo-white" viewBox="0 0 59 50"><g fill="none"><path fill="#1D1D1B" d="M26.2 15.417c.128-1.026.229-2.037.343-3.063l.3-2.707c0-.086-.015-.2.114-.2.128 0 .086.114.1.185l.671 5.629c.029.128 0 .2-.157.213-.4.043-.785.086-1.171.157-.2.043-.243 0-.214-.214z"/><path fill="#fff" d="M33.556 31.519c-.1-.328-.329-.584-.672-.641-.6-.114-1.157 0-1.585.456-.386.427-.457.94-.457 1.581 0 .157 0 .414.071.656.1.37.258.698.657.84.686.243 1.614-.128 1.914-.783.3-.684.3-1.397.086-2.11zm0 0c-.1-.328-.329-.584-.672-.641-.6-.114-1.157 0-1.585.456-.386.427-.457.94-.457 1.581 0 .157 0 .414.071.656.1.37.258.698.657.84.686.243 1.614-.128 1.914-.783.3-.684.3-1.397.086-2.11zM57.393 3.064c-.029-.029-.071-.057-.1-.086-.043-.028-.071-.071-.114-.1a.6.6 0 0 1-.114-.1c-.043-.028-.072-.056-.115-.085-.043-.028-.071-.071-.114-.1a1 1 0 0 0-.114-.085c-.043-.029-.072-.071-.114-.1-.043-.028-.072-.057-.115-.1-.043-.028-.071-.07-.114-.1-.043-.028-.071-.056-.114-.085-.043-.028-.072-.071-.114-.1-.043-.028-.072-.07-.115-.1-.043-.028-.071-.07-.114-.1a.7.7 0 0 1-.114-.099c-.043-.028-.072-.057-.114-.085s-.072-.072-.115-.1c-.028-.029-.071-.057-.114-.086s-.071-.07-.114-.1c-.043-.028-.072-.056-.114-.085-.043-.028-.072-.071-.115-.1-.043-.028-.071-.057-.114-.085a.7.7 0 0 1-.114-.1c-.043-.028-.072-.071-.115-.1a.7.7 0 0 1-.114-.1.7.7 0 0 1-.114-.1c-.043-.028-.072-.056-.114-.085-.043-.028-.072-.07-.115-.1-.043-.028-.085-.07-.128-.1-.357-.327-.886-.512-1.528-.427-2.086.3-3.985.57-5.813.813-.157.014-.3.042-.443.057-.786.1-1.357.555-1.6 1.21-.028-.013-.057-.042-.085-.056-.043-.029-.072-.057-.115-.086s-.071-.057-.114-.085a1.98 1.98 0 0 0-1.614-.47h-.043l-5.998.869a2.95 2.95 0 0 0-1.329.541c-.614.456-1.485 1.083-1.485 1.083-.314-.114-1.6-.498-2.57-.67a4.2 4.2 0 0 0-1.4-.014l-7.599 1.069a3.05 3.05 0 0 0-1.242.456l-2.043 1.297-2.813-.613c-.615-.128-1.229-.2-1.857-.214-.971 0-1.971.014-2.985.157C9.49 5.6 7.86 6.099 6.39 6.91c-1.87 1.026-3.299 2.493-4.256 4.374q-1.092 2.202-1.242 4.83c-.072 1.369-.086 3.42.7 5.444.528 1.34 1.313 2.436 2.356 3.263a.3.3 0 0 0 .1.085.7.7 0 0 0 .114.1c.029.043.072.071.1.1.029.043.072.071.1.1h.015c.028.042.071.07.1.1a.3.3 0 0 0 .1.085h.014c.028.043.071.071.
501.1h.014c.029.042.071.07.1.1h.014a.3.3 0 0 0 .1.099c.029.043.072.071.1.1h.015c.028.043.071.071.1.1h.014l.1.085c.028.043.071.071.1.1h.014c.029.043.071.071.1.1h.014c.029.042.072.07.1.1h.015c.028.042.071.07.1.099h.014c.028.043.071.071.1.1a.3.3 0 0 0 .1.085c.028.043.071.072.1.1h.014c.029.043.071.071.1.1a.3.3 0 0 0 .1.085.7.7 0 0 0 .114.1h.015a.3.3 0 0 0 .1.085c.028.043.057.057.085.086-.271.043-.557.085-.828.114-1.1.157-1.7.855-1.7 1.966v16.359c0 .599.272 1.112.7 1.44.043.028.071.07.114.1.029.028.072.056.115.085a.7.7 0 0 1 .114.1c.043.028.071.056.114.085a1 1 0 0 1 .114.1c.043.028.072.057.115.085.042.029.071.057.114.086s.071.07.114.1c.029.028.072.056.114.085.043.028.072.057.115.085a.7.7 0 0 1 .114.1c.043.029.086.071.128.1a1 1 0 0 0 .115.085.7.7 0 0 1 .114.1c.043.029.071.057.114.086a1 1 0 0 1 .114.1c.043.028.072.056.115.085a.7.7 0 0 1 .114.1 1 1 0 0 1 .114.1c.043.028.072.056.115.085.042.028.07.071.114.1a.7.7 0 0 1 .114.1c.043.028.071.07.114.099a1 1 0 0 0 .115.085c.042.029.071.058.114.086s.071.071.114.1c.043.028.071.057.114.085s.086.072.115.1c.314.285.742.442 1.185.442s.2 0 .3-.029l.6-.085 1.757-.242 3.556-.514c.229-.028.457-.07.7-.1 1.014-.142 2.07-.284 3.128-.583 1.942-.542 3.485-1.354 4.713-2.508a9.2 9.2 0 0 0 1.942-2.594c.015 0 .029.029.057.043.029.029.072.057.1.086.029.042.072.07.115.1.043.028.071.056.114.085.043.028.071.057.114.1.029.028.072.057.114.1.043.028.072.056.115.085.028.028.071.057.114.1.043.028.071.057.114.085s.072.057.114.086a1 1 0 0 0 .115.1.6.6 0 0 1 .114.1c.028.028.071.056.114.099a.6.6 0 0 1 .114.1c.043.028.072.057.115.085.028.029.071.057.1.086.028.042.071.07.1.1.5.427 1.07.797 1.685 1.082 1.285.613 2.728.884 4.413.84a14 14 0 0 0 4.756-.954c1.786-.698 3.3-1.78 4.485-3.22.043.028.072.057.114.085a.7.7 0 0 1 .115.1c.043.029.071.057.114.086a1 1 0 0 1 .114.1c.043.042.086.07.114.1a1 1 0 0 0 .115.085c.043.042.085.07.114.1.043.028.086.07.114.1.043.042.086.07.114.099.043.028.072.057.115.085a1 1 0 0 1 .114.1c.043.029.071.057.114.086a.5.5 0 0 0 .114.085c.243.214.515.4.815.527.67.314 1.428.456 2.299.442 1.271-.014 2.4-.228 3.456-.627 2.4-.926 2.985-2.65 3.043-3.933.057-1.111-.258-1.895-.672-2.45.057-.186.072-.357.086-.47l.043-.357.1-1.154c.043-.513.1-1.012.143-1.525l.142-1.496.172-1.781c.043-.413.071-.826.114-1.254l.129-1.41c.057-.613.114-1.24.185-1.867l.072-.813a1.78 1.78 0 0 0-.343-1.339 1.8 1.8 0 0 0-.328-.328 1 1 0 0 0-.13-.1c-.042-.028-.07-.056-.113-.085a1 1 0 0 1-.115-.1c-.042-.028-.071-.057-.114-.085s-.071-.057-.114-.086-.072-.07-.114-.1c-.043-.028-.072-.07-.115-.1-.042-.028-.071-.056-.114-.085l-.029-.028c1.086-.157 2.157-.3 3.228-.456.772-.1 1.686-.684 1.686-1.952V4.645c0-.727-.314-1.24-.743-1.539zM18.716 20.262c.686-2.436 1.386-4.873 2.071-7.31.643-2.28 1.3-4.56 1.943-6.853.071-.257.157-.357.428-.385 2.185-.3 4.37-.599 6.556-.912.457-.057.914-.114 1.357-.185.142-.029.157.014.2.128.656 2.109 1.313 4.232 1.97 6.34a3647 3647 0 0 1 2.014 6.484c.3.969.6 1.952.9 2.921.043.143.029.2-.129.228-1.77.242-3.527.499-5.298.741-.8.114-1.6.228-2.414.356-.171.029-.257 0-.257-.2 0-.44-.057-.868-.072-1.31 0-.143-.042-.171-.185-.157a25 25 0 0 1-1.486.2c-.17.014-.228.085-.242.27 0 .442-.057.884-.072 1.326 0 .128-.028.185-.171.199-2.157.3-4.314.613-6.456.912q-.727.107-1.5.214c.286-1.026.572-2.024.857-3.007zm-15.04.97c-.456-.97-.656-1.996-.77-3.05 0-.057.028-.128-.058-.157v-2.123c.1-.185.072-.385.086-.57.171-1.396.543-2.722 1.257-3.947.814-1.396 1.97-2.45 3.4-3.206 1.227-.656 2.541-1.026 3.913-1.254 1.828-.3 3.656-.27 5.498-.142.129 0 .172.042.172.17v6.156c0 .157-.086.157-.2.157-1.114 0-2.214.043-3.314.142-.543.057-1.085.114-1.585.357-.771.384-1.086 1.054-1.128 1.88-.015.357 0 .699.128 1.04.257.67.828.984 1.628.927 1.171-.1 2.314-.385 3.442-.67.286-.071.572-.157.857-.242.114-.029.172-.043.172.114v6.141c0 .129-.043.157-.157.2-1.657.584-3.328 1.111-5.085 1.353-1.685.243-3.356.271-4.985-.313-1.514-.542-2.599-1.539-3.285-2.992l.015.028ZM21.93 38.7c-.7 1.967-1.971 3.42-3.828 4.39-1.385.726-2.885 1.082-4.413 1.296-1.229.17-2.443.356-3.657.527l-3.299.47c-.186.029-.414.143-.528.043-.129-.114-.043-.356-.043-.556v-7.837h-.014v-8.122c0-.185.057-.256.228-.27l3.342-.47c1.386-.2 2.757-.4 4.142-.585 1.314-.185 2.628-.256 3.942 0 2.171.428 3.6 1.682 4.285 3.79.357 1.098.457 2.223.457 3.378 0 1.154-.157 2.678-.614 3.96zm18.895-4.132c-.557 2.807-2.085 4.916-4.584 6.313-1.3.726-2.714 1.111-4.185 1.282-1.257.157-2.514.157-3.742-.214-2.328-.684-3.756-2.223-4.342-4.56-.243-.94-.328-1.895-.314-2.864 0-1.496.214-2.95.785-4.331.657-1.596 1.714-2.864 3.114-3.862 1.457-1.04 3.114-1.581 4.87-1.824 1.286-.17 2.557-.2 3.814.143 1.757.47 3.1 1.468 3.942 3.092.428.84.671 1.738.785 2.665a13.1 13.1 0 0 1-.128 4.16zm8.798 3.035c-.142 1.012-.785 1.625-1.
5067 2.038-1 .456-2.086.598-3.071.641-.629 0-1.129-.057-1.614-.27-.729-.328-1.029-.913-1.057-1.668-.043-1.225.543-2.066 1.614-2.565 1.242-.584 2.57-.77 3.942-.655.528.043 1.042.214 1.414.641.485.527.528 1.183.428 1.838zm.429-13.55a614 614 0 0 1-.5 5.329c-.143 1.581-.3 3.163-.443 4.73 0 .143.015.342-.071.413-.086.072-.257-.056-.4-.1-1.471-.384-2.9-.241-4.313.272-.515.185-1 .441-1.5.755-.057-.513-.1-1.012-.143-1.496-.128-1.44-.271-2.865-.4-4.304-.1-1.068-.185-2.137-.3-3.206-.085-.897-.171-1.78-.257-2.679 0-.128 0-.185.143-.2l6.013-.854a115 115 0 0 1 2.328-.314c-.057.556-.1 1.098-.143 1.64zM53.48 6.696c0 2.793 0 5.586-.015 8.378v2.964c0 .157-.057.2-.185.214-1.8.256-3.614.513-5.413.77-.286.042-.572.07-.871.114-.115.014-.186 0-.258-.114-.928-1.625-1.87-3.25-2.799-4.874-.043-.057-.043-.17-.157-.128s-.057.128-.043.2c.086.94.129 1.88.114 2.82v2.352c0 .128 0 .2-.171.214-1.043.142-2.071.299-3.114.441-1.028.143-2.042.285-3.07.442-.472.071-.472.086-.472-.385v-16.1c0-.2.057-.257.243-.285 1.357-.185 2.714-.385 4.07-.57l2.157-.3c.143-.013.215.015.286.143.914 1.61 1.842 3.22 2.77 4.83.044.072.072.172.186.143.1-.014.043-.1.043-.157-.171-1.467-.114-2.935-.128-4.417v-.855c0-.114.028-.156.142-.17l5.528-.77.928-.128c.143-.015.229-.015.229.185zm-20.596 24.18c-.6-.113-1.157 0-1.585.457-.386.427-.457.94-.457 1.581 0 .157 0 .414.071.656.1.37.258.698.657.84.686.243 1.614-.128 1.914-.783.3-.684.3-1.397.086-2.11-.1-.327-.329-.583-.671-.64h-.015Zm-19.51 1.668c-.242 0-.285.085-.27.3v4.929c.913-.142 1.385-.541 1.542-1.353.185-.94.2-1.895 0-2.85-.157-.812-.457-1.026-1.286-1.04z"/><path fill="#1D1D1B" d="M14.646 36.449c-.157.812-.628 1.197-1.543 1.354v-4.931c0-.213.03-.299.272-.299.828 0 1.128.242 1.285 1.04a7.6 7.6 0 0 1 0 2.85zm18.824-2.821c-.285.655-1.228 1.026-1.913.783-.4-.142-.572-.47-.657-.84a3 3 0 0 1-.072-.656c0-.627.072-1.154.457-1.581.429-.47.986-.57 1.585-.456.358.057.572.327.672.64.214.713.214 1.426-.086 2.11zM27.586 15.46c-.4.043-.786.086-1.171.157-.2.043-.243 0-.215-.214.129-1.026.229-2.037.343-3.063l.3-2.708c0-.085-.014-.2.114-.2.129 0 .086.115.1.186l.672 5.628c.028.129 0 .2-.157.214z"/><path fill="#fff" d="M14.646 36.45c-.157.811-.628 1.196-1.543 1.353v-4.93c0-.214.03-.3.272-.3.828 0 1.128.243 1.285 1.04a7.6 7.6 0 0 1 0 2.85zm18.824-2.822c-.285.655-1.228 1.026-1.913.783-.4-.142-.572-.47-.657-.84a3 3 0 0 1-.072-.656c0-.627.072-1.154.457-1.581.429-.47.986-.57 1.585-.456.358.057.572.327.672.64.214.713.214 1.426-.086 2.11zM27.586 15.46c-.4.043-.786.086-1.171.157-.2.043-.243 0-.215-.214.129-1.026.229-2.037.343-3.063l.3-2.708c0-.085-.014-.2.114-.2.129 0 .086.115.1.186l.672 5.628c.028.129 0 .2-.157.214z"/></g></symbol><use href="#ai:local:logo-white"></use> </svg> </a> <span class="cd-tagline hidden lg:flex items-center gap-2 ml-3 shrink-0"> <span class="w-px h-3.5 bg-current opacity-20 rounded-full"></span> <img src="/images/companion/basecamp-mark.webp" width="96" height="80" class="w-[16px] h-auto shrink-0" alt=""> <span class="text-[13px] font-medium whitespace-nowrap">for Basecamp</span> </span> <div class="flex-1 min-w-0"></div> <button type="button" class="cd-icon-btn hidden md:inline-flex items-center justify-center w-9 h-9 rounded-full shrink-0" aria-label="Toggle dark mode" @click="toggleTheme()"> <svg x-show="!isDark" class="w-[18px] h-[18px]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"></path></svg> <svg x-show="isDark" x-cloak class="w-[18px] h-[18px]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path></svg> </button> <nav class="hidden md:flex items-center gap-1 ml-1 md:ml-2"> <div class="relative" x-data="{ cmsOpen: false, cmsPreview: 'blog', previews: {"blog":{"href":"/blog-with-basecamp","label":"Explore Blog"},"kb":{"href":"/knowledge-base-for-basecamp","label":"Explore Knowledge Base"},"roadmap":{"href":"/roadmap-for-basecamp","label":"Explore Roadmap"}} }" @mouseenter="cmsOpen = true" @mouseleave="cmsOpen = false" @keydown.escape="cmsOpen = false"> <button type="button" class="cd-pill inline-flex items-center gap-1" @click="cmsOpe
50n = !cmsOpen" :aria-expanded="cmsOpen" aria-haspopup="true"> 51CMS 52<svg class="w-3.5 h-3.5 -mr-0.5 transition-transform duration-200" :class="cmsOpen && 'rotate-180'" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg> </button> <div x-show="cmsOpen" x-cloak x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0 -translate-y-1" x-transition:enter-end="opacity-100 translate-y-0" x-transition:leave="transition ease-in duration-150" x-transition:leave-start="opacity-100 translate-y-0" x-transition:leave-end="opacity-0 -translate-y-1" class="absolute left-1/2 -translate-x-1/2 top-full pt-2 w-[600px]"> <div class="cd-dropdown cd-dropdown--mega"> <span class="cd-dropdown-caret" aria-hidden="true"></span> <div class="cd-drop-list"> <a href="/blog-with-basecamp" class="cd-drop-item" @mouseenter="cmsPreview = 'blog'" @focus="cmsPreview = 'blog'"> <span class="cd-drop-icon cms-orange"> <svg viewBox="0 0 24 24" fill="currentColor"><path d="M18 3a4 4 0 0 1 4 4v8a4 4 0 0 1 -4 4h-2.586l-2.707 2.707a1 1 0 0 1 -1.32 .083l-.094 -.083l-2.708 -2.707h-2.585a4 4 0 0 1 -3.995 -3.8l-.005 -.2v-8a4 4 0 0 1 4 -4zm-4 9h-6a1 1 0 0 0 0 2h6a1 1 0 0 0 0 -2m2 -4h-8a1 1 0 1 0 0 2h8a1 1 0 0 0 0 -2"/></svg> </span> <span class="min-w-0 flex-1"> <span class="cd-drop-title">Blog</span> <span class="cd-drop-desc">Turn your Message Board into a blog</span> </span>
52 <svg class="cd-drop-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 6l6 6-6 6"></path></svg> </a><a href="/knowledge-base-for-basecamp" class="cd-drop-item" @mouseenter="cmsPreview = 'kb'" @focus="cmsPreview = 'kb'"> <span class="cd-drop-icon cms-blue"> <svg viewBox="0 0 24 24" fill="currentColor"><path d="M11.25 4.533A9.707 9.707 0 0 0 6 3a9.735 9.735 0 0 0-3.25.555.75.75 0 0 0-.5.707v14.25a.75.75 0 0 0 1 .707A8.237 8.237 0 0 1 6 18.75c1.995 0 3.823.707 5.25 1.886V4.533ZM12.75 20.636A8.214 8.214 0 0 1 18 18.75c.966 0 1.89.166 2.75.47a.75.75 0 0 0 1-.708V4.262a.75.75 0 0 0-.5-.707A9.735 9.735 0 0 0 18 3a9.707 9.707 0 0 0-5.25 1.533v16.103Z"/></svg> </span> <span class="min-w-0 flex-1"> <span class="cd-drop-title">Knowledge Base</span> <span class="cd-drop-desc">Docs become a searchable help center</span> </span> <svg class="cd-drop-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 6l6 6-6 6"></path></svg> </a><a href="/roadmap-for-basecamp" class="cd-drop-item" @mouseenter="cmsPreview = 'roadmap'" @focus="cmsPreview = 'roadmap'"> <span class="cd-drop-icon cms-green"> <svg viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" d="M3 2.25a.75.75 0 0 1 .75.75v.54l1.838-.46a9.75 9.75 0 0 1 6.725.738l.108.054A8.25 8.25 0 0 0 18 4.524l3.11-.732a.75.75 0 0 1 .917.81 47.784 47.784 0 0 0 .005 10.337.75.75 0 0 1-.574.812l-3.114.733a9.75 9.75 0 0 1-6.594-.77l-.108-.054a8.25 8.25 0 0 0-5.69-.625l-2.202.55V21a.75.75 0 0 1-1.5 0V3A.75.75 0 0 1 3 2.25Z" clip-rule="evenodd"/></svg> </span> <span class="min-w-0 flex-1"> <span class="cd-drop-title">Roadmap</span> <span class="cd-drop-desc">Every Card Table, one public board</span> </span>
52 <svg class="cd-drop-arrow" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M9 6l6 6-6 6"></path></svg> </a> </div> <div class="cd-drop-feature"> <div class="cd-feature-eyebrow">Preview</div> <a href="/blog-with-basecamp" :href="previews[cmsPreview].href" class="cd-feature"> <span class="cd-feature-mock" aria-hidden="true"> <span class="cd-feature-bar"> <span class="cd-dot cd-dot-r"></span><span class="cd-dot cd-dot-y"></span><span class="cd-dot cd-dot-g"></span> <span class="cd-feature-url"></span> </span> <span class="cd-feature-page" x-show="cmsPreview === 'blog'" x-cloak> <span class="cd-fh" style="width:64%"></span> <span class="cd-chip-row"><span class="cd-mini-chip"></span><span class="cd-mini-chip" style="width:18px"></span></span> <span class="cd-fl" style="width:92%"></span> <span class="cd-fl" style="width:80%"></span> <span class="cd-fl" style="width:88%"></span> </span> <span class="cd-feature-page" x-show="cmsPreview === 'kb'" x-cloak> <span class="cd-kb-search"></span> <span class="cd-fl" style="width:86%"></span> <span class="cd-fl" style="width:70%"></span> <span class="cd-fl" style="width:78%"></span> </span> <span class="cd-feature-page" x-show="cmsPreview === 'roadmap'" x-cloak> <span class="cd-rm-cols"> <span class="cd-rm-col"><span class="cd-rm-card"></span><span class="cd-rm-card"></span></span> <span class="cd-rm-col"><span class="cd-rm-card"></span></span> <span class="cd-rm-col"><span class="cd-rm-card"></span><span class="cd-rm-card"></span></span> </span> </span> </span> <span class="cd-feature-cap"> <span x-text="previews[cmsPreview].label">Explore Blog</span> <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round"><path d="M9 6l6 6-6 6"></path></svg> </span> </a> </div> </div> </div> </div> <a href="/forms-for-basecamp" class="cd-pill"> Forms </a><a href="/companion" class="cd-pill"> Companion </a><a href="/tools" class="cd-pill"> Tools </a><a href="/pricing" class="cd-pill cd-pill--active" aria-current="page"> Pricing </a> </nav> <div class="flex items-center gap-1 md:gap-2 ml-1 md:ml-2"> <a href="https://app.getcando.com" target="_blank" rel="noopener noreferrer" class="cd-cta cd-cta--ghost cd-cta--sm plausible-event-name=Login+Header hidden sm:inline-flex items-center gap-2 whitespace-nowrap shrink-0"> 53Log in 54</a> <a href="https://app.getcando.com/signup/new" target="_blank" rel="noopener noreferrer" class="cd-cta cd-cta--sm plausible-event-name=Signup+Header inline-flex items-center gap-2 whitespace-nowrap shrink-0"> 55Try for Free 56</a> <button type="button" class="cd-icon-btn md:hidden inline-flex items-center justify-center w-9 h-9 rounded-full shrink-0" aria-label="Toggle dark mode" @click="toggleTheme()"> <svg x-show="!isDark" class="w-[18px] h-[18px]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><circle cx="12" cy="12" r="4"></circle><path d="M12 2v2M12 20v2M4.93 4.93l1.41 1.41M17.66 17.66l1.41 1.41M2 12h2M20 12h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41"></path></svg> <svg x-show="isDark" x-cloak class="w-[18px] h-[18px]" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M12 3a6 6 0 0 0 9 9 9 9 0 1 1-9-9Z"></path></svg> </button> <button type="button" class="cd-burger md:hidden inline-flex items-center justify-center w-10 h-10 -mr-1 shrink-0" :aria-expanded="mobileOpen" aria-label="Menu" @click="mobileOpen = !mobileOpen"> <span class="cd-burger-box" :class="mobileOpen && 'is-open'"> <span class="cd-burger-line"></span> <span class="cd-burger-line"></span> </span> </button> </div> </div> </div> </div> <div x-show="mobileOpen" x-cloak x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-200" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" x-effect="document.body.style.overflow = mobileOpen ? 'hidden' : ''" @keydown.escape.window="mobileOpen = false" class="cd-mob-overlay pointer-events-auto md:hidden fixed inset-0 z-30 flex flex-col"> <nav class="flex-1 flex flex-col justify-start px-6 pt-28 pb-6" aria-label="Site"> <div> <a href="/blog-with-basecamp" @click="mobileOpen = false" class="cd-mob-item" :class="mobileOpen && 'cd-in'" style="transition-delay: 110ms">Blog</a><a href="/knowledge-base-for-basecamp" @click="mobileOpen = false" class="cd-mob-item" :class="mobileOpen && 'cd-in'" style="transition-delay: 165ms">Knowledge Base</a><a href="/roadmap-for-basecamp" @click="mobileOpen = false" class="cd-mob-item" :class="mobileOpen && 'cd-in'" style="transition-delay: 220ms">Roadmap</a> </div> <div> <a href="/forms-for-basecamp" @click="mobileOpen = false" class="cd-mob-item" :class="mobileOpen && 'cd-in'" style="transition-delay: 275ms">Forms</a><a href="/companion" @click="mobileOpen = false" class="cd-mob-item" :class="mobileOpen && 'cd-in'" style="transition-delay: 330ms">Companion</a><a href="/tools" @click="mobileOpen = false" class="cd-mob-item" :class="mobileOpen && 'cd-in'" style="transition-delay: 385ms">Tools</a><a href="/pricing" @click="mobileOpen = false" class="cd-mob-item cd-mob-item--active" :class="mobileOpen && 'cd-in'" style="transition-delay: 440ms" aria-current="page">Pricing</a> </div> </nav> <div class="cd-mob-foot shrink-0 px-6 pb-10 pt-2" :class="mobileOpen && 'cd-in'" style="transition-delay: 495ms"> <a href="https://app.getcando.com/signup/new" target="_blank" rel="noopener noreferrer" @click="mobileOpen = false" class="cd-mob-cta-btn flex w-full items-center justify-center gap-2"> 57Try for Free 58<svg class="w-4 h-4" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"></path></svg> </a> <p class="mt-3 text-center t-mono text-[13px] text-muted">14-day free trial · no credit card</p> <a href="https://app.getcando.com" target="_blank" rel="noopener noreferrer" @click="mobileOpen = false" class="cd-mob-cta-btn cd-mob-cta-btn--ghost mt-3 flex w-full items-center justify-center"> 59Log in 60</a> </div> </div> </header> <main> <div id="plans"><section id="pricing" class="relative pt-8 pb-24 md:pt-12 md:pb-32 border-b border-app scroll-mt-20" x-data="{ 61 annual: true, 62 shown: false, 63 p: { solo: { mo: 19, yr: 9 }, pro: { mo: 49, yr: 29 }, business: { mo: 179, yr: 99 } }, 64 companionYear: 79, 65 unit(plan) { return this.annual ? this.p[plan].yr : this.p[plan].mo; }, 66 save(plan) { return Math.round((1 - (this.p[plan].yr / this.p[plan].mo)) * 100); } 67 }" x-intersect:enter.once="shown = true"> <div class="container mx-auto px-4 lg:px-6"> <div class="max-w-2xl mx-auto text-center mb-9"> <h1 class="t-display text-app text-[clamp(2.2rem,4.4vw,3.6rem)] anim-fade-blur" :class="shown && 'is-visible'"> 68Simple pricing, 69<em class="accent" style="font-family: 'Bricolage Grotesque'; font-style: italic; font-weight: 600;">no surprises.</em> </h1> <p class="text-muted text-[16px] mt-4 anim-fade-up" :class="shown && 'is-visible'" style="transition-delay: 0.1s;"> 70Every plan includes every tool, unlimited users, unlimited sites and the Companion Mac app. What changes is where you publish — and whose name is on it. 71</p> </div> <div class="flex justify-center mb-10 anim-fade-up" :class="shown && 'is-visible'" style="transition-delay: 0.16s;"> <div class="inline-flex items-center bg-surface border border-app rounded-full p-1"> <button type="button" @click="annual = false" :aria-pressed="!annual" :class="!annual ? 'bg-surface-3 text-app' : 'text-muted hover:text-app'" class="text-[13px] font-medium px-5 min-h-11 sm:min-h-0 sm:py-1.5 rounded-full transition-colors">Monthly</button> <button type="button" @click="annual = true" :aria-pressed="annual" :class="annual ? 'bg-surface-3 text-app' : 'text-muted hover:text-app'" class="text-[13px] font-medium px-5 min-h-11 sm:min-h-0 sm:py-1.5 rounded-full transition-colors inline-flex items-center justify-center gap-2"> 72Yearly <span class="tag tag-live" x-show="annual" x-cloak>Save up to 53%</span> </button> </div> </div> <div class="grid md:grid-cols-3 gap-4 lg:gap-5 max-w-6xl mx-auto items-stretch"> <div class="pricing-card anim-fade-up" :class="shown && 'is-visible'" style="transition-delay: 0.2s;"> <div class="pricing-card-head"> <div class="flex items-center gap-2 flex-wrap"> <h2 class="t-display text-2xl text-app leading-none">Solo</h2> </div> <p class="text-[13.5px] text-muted leading-relaxed mt-2.5 min-h-[40px]">Everything Can Do makes — all four publishing tools and all 10 Basecamp tools — published on getcando.com.</p> </div> <div class="mt-5 flex items-baseline gap-1.5"> <span class="t-display text-[46px] leading-[0.9] text-app font-bold" x-text="'$' + unit('solo')">$9</span> <span class="text-muted text-[15px]">/month</span> <span class="pricing-save" x-show="annual" x-cloak x-text="'SAVE ' + save('solo') + '%'">SAVE 53%</span> </div> <div class="t-mono text-[11.5px] text-faint mt-2 h-4" x-text="annual ? 'billed annually · per account' : 'billed monthly · per account'">billed annually · per account</div> <div class="pricing-included"> <img src="/icons/companion-badge.svg" width="18" height="18" alt=""> <span><strong>Companion for Mac</strong> included</span> </div> <a href="https://app.getcando.com/signup/new" target="_blank" rel="noopener noreferrer" class="btn-ghost w-full mt-4">Try for Free</a> <ul class="mt-6 space-y-2.5 pt-6 border-t border-app"> <li class="flex items-start gap-2.5 text-[13.5px] text-muted"> <svg class="w-4 h-4 shrink-0 mt-0.5" style="color: var(--accent);" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> <span>Blog, Knowledge Base, Forms & Roadmap</span> </li><li class="flex items-start gap-2.5 text-[13.5px] text-muted"> <svg class="w-4 h-4 shrink-0 mt-0.5" style="color: var(--accent);" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> <span>All 10 Basecamp tools</span> </li><li class="flex items-start gap-2.5 text-[13.5px] text-muted"> <svg class="w-4 h-4 shrink-0 mt-0.5" style="color: var(--accent);" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> <span>Unlimited users and unlimited sites</span> </li><li class="flex items-start gap-2.5 text-[13.5px] text-muted"> <svg class="w-4 h-4 shrink-0 mt-0.5" style="color: var(--accent);" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> <span>Published on getcando.com</span> </li> </ul> </div> <div class="pricing-card pricing-card--featured anim-fade-up" :class="shown && 'is-visible'" style="transition-delay: 0.26s;"> <div class="pricing-card-head"> <div class="flex items-center gap-2 flex-wrap"> <h2 class="t-display text-2xl text-app leading-none">Pro</h2> <span class="inline-flex items-center px-2.5 py-1 rounded-full text-[10px] font-bold uppercase tracking-wider text-white" style="background: var(--color-indigo-600, #4F4
726E5);">Recommended</span> </div> <p class="text-[13.5px] text-muted leading-relaxed mt-2.5 min-h-[40px]">Everything in Solo, published on your own domains — with password protection whenever you need it.</p> </div> <div class="mt-5 flex items-baseline gap-1.5"> <span class="t-display text-[46px] leading-[0.9] text-app font-bold" x-text="'$' + unit('pro')">$29</span> <span class="text-muted text-[15px]">/month</span> <span class="pricing-save" x-show="annual" x-cloak x-text="'SAVE ' + save('pro') + '%'">SAVE 41%</span> </div> <div class="t-mono text-[11.5px] text-faint mt-2 h-4" x-text="annual ? 'billed annually · per account' : 'billed monthly · per account'">billed annually · per account</div> <div class="pricing-included"> <img src="/icons/companion-badge.svg" width="18" height="18" alt=""> <span><strong>Companion for Mac</strong> included</span> </div> <a href="https://app.getcando.com/signup/new" target="_blank" rel="noopener noreferrer" class="btn-primary w-full mt-4">Try for Free</a> <ul class="mt-6 space-y-2.5 pt-6 border-t border-app"> <li class="flex items-start gap-2.5 text-[13.5px] text-app"> <svg class="w-4 h-4 shrink-0 mt-0.5" style="color: var(--accent);" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> <span class="font-medium">Everything in Solo</span> </li><li class="flex items-start gap-2.5 text-[13.5px] text-app"> <svg class="w-4 h-4 shrink-0 mt-0.5" style="color: var(--accent);" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> <span class="font-medium">Publish on your own domains, with SSL</span> </li><li class="flex items-start gap-2.5 text-[13.5px] text-app"> <svg class="w-4 h-4 shrink-0 mt-0.5" style="color: var(--accent);" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> <span class="font-medium">Password-protected pages</span> </li><li class="flex items-start gap-2.5 text-[13.5px] text-app"> <svg class="w-4 h-4 shrink-0 mt-0.5" style="color: var(--accent);" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> <span class="font-medium">Generous storage</span> </li> </ul> </div> <div class="pricing-card anim-fade-up" :class="shown && 'is-visible'" style="transition-delay: 0.32s;"> <div class="pricing-card-head"> <div class="flex items-center gap-2 flex-wrap"> <h2 class="t-display text-2xl text-app leading-none">Business</h2> </div> <p class="text-[13.5px] text-muted leading-relaxed mt-2.5 min-h-[40px]">Everything in Pro, with our name off your public pages and more room to grow.</p> </div> <div class="mt-5 flex items-baseline gap-1.5"> <span class="t-display text-[46px] leading-[0.9] text-app font-bold" x-text="'$' + unit('business')">$99</span> <span class="text-muted text-[15px]">/month</span> <span class="pricing-save" x-show="annual" x-cloak x-text="'SAVE ' + save('business') + '%'">SAVE 45%</span> </div> <div class="t-mono text-[11.5px] text-faint mt-2 h-4" x-text="annual ? 'billed annually · per account' : 'billed monthly · per account'">billed annually · per account</div> <div class="pricing-included"> <img src="/icons/companion-badge.svg" width="18" height="18" alt=""> <span><strong>Companion for Mac</strong> included</span> </div> <a href="https://app.getcando.com/signup/new" target="_blank" rel="noopener noreferrer" class="btn-ghost w-full mt-4">Try for Free</a> <ul class="mt-6 space-y-2.5 pt-6 border-t border-app"> <li class="flex items-start gap-2.5 text-[13.5px] text-muted"> <svg class="w-4 h-4 shrink-0 mt-0.5" style="color: var(--accent);" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> <span>Everything in Pro</span> </li><li class="flex items-start gap-2.5 text-[13.5px] text-muted"> <svg class="w-4 h-4 shrink-0 mt-0.5" style="color: var(--accent);" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> <span>Can Do branding removed</span> </li><li class="flex items-start gap-2.5 text-[13.5px] text-muted"> <svg class="w-4 h-4 shrink-0 mt-0.5" style="color: var(--accent);" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> <span>Increased storage</span> </li> </ul> </div> </div> <p class="mt-8 t-mono text-[13px] text-muted text-center max-w-6xl mx-auto"> 7314-day free trial · no credit card · 30-day money-back guarantee · billed per Basecamp account, never per seat · works with Basecamp 5 on any plan, including the free one. 74</p> <div class="companion-standalone anim-fade-up max-w-6xl mx-auto mt-16 lg:mt-20" :class="shown && 'is-visible'" style="transition-delay: 0.4s;"> <div class="companion-standalone-inner"> <div class="companion-standalone-lead"> <div class="flex items-center gap-3"> <img src="/images/companion/cando-arrows-tile-256.webp" width="60" height="60" class="companion-app-icon shrink-0" alt="Companion"> <div> <div class="flex items-center gap-2"> <h2 class="t-display text-[28px] text-white leading-none">Companion for Mac</h2> <span class="companion-beta">Beta</span> </div> <p class="text-white/55 text-[13px] mt-1.5">Included with Solo, Pro and Business at no extra cost.</p> </div> </div> <p class="text-white/75 text-[15.5px] leading-relaxed mt-6 max-w-2xl"> 75Not just a Basecamp launcher. It's the app that replaces your clipboard manager, your snippet tool, your window manager and your AI chat — all behind one keystroke. 76</p> <ul class="mt-7 grid sm:grid-cols-2 gap-x-10 gap-y-5 items-start"> <li> <div class="flex items-start gap-2.5"> <svg class="w-4 h-4 shrink-0 mt-0.5 text-white/40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> <div> <div class="text-white text-[14px] font-semibold leading-snug">73 commands behind ⥠Space</div> <div class="text-white/50 text-[13px] leading-snug mt-0.5 min-h-[18px]">Projects, My Work, search, bookmarks.</div> </div> </div> </li><li> <div class="flex items-start gap-2.5"> <svg class="w-4 h-4 shrink-0 mt-0.5 text-white/40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> <div> <div class="text-white text-[14px] font-semibold leading-snug">Docs & Files in Finder</div> <div class="text-white/50 text-[13px] leading-snug mt-0.5 min-h-[18px]">Basecamp files mount like a real drive.</div> </div> </div> </li><li> <div class="flex items-start gap-2.5"> <svg class="w-4 h-4 shrink-0 mt-0.5 text-white/40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> <div> <div class="text-white text-[14px] font-semibold leading-snug">AI on any text you highlight</div> <div class="text-white/50 text-[13px] leading-snug mt-0.5 min-h-[18px]">Full chat, web search, 11 rewrites.</div> </div> </div> </li><li> <div class="flex items-start gap-2.5"> <svg class="w-4 h-4 shrink-0 mt-0.5 text-white/40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> <div> <div class="text-white text-[14px] font-semibold leading-snug">Clipboard, clips and snippets</div> <div class="text-white/50 text-[13px] leading-snug mt-0.5 min-h-[18px]">History and type-to-expand anywhere.</div> </div> </div> </li><li> <div class="flex items-start gap-2.5"> <svg class="w-4 h-4 shrink-0 mt-0.5 text-white/40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> <div> <div class="text-white text-[14px] font-semibold leading-snug">Window and system commands</div> <div class="text-white/50 text-[13px] leading-snug mt-0.5 min-h-[18px]">Halves, maximize, center, lock, sleep.</div> </div> </div> </li><li> <div class="flex items-start gap-2.5"> <svg class="w-4 h-4 shrink-0 mt-0.5 text-white/40" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 6 9 17 4 12"></polyline></svg> <div> <div class="text-white text-[14px] font-semibold leading-snug">Your next meeting, counting down</div> <div class="text-white/50 text-[13px] leading-snug mt-0.5 min-h-[18px]">One click to join the Zoom or Meet call.</div> </div> </div> </li> </ul> </div> <div class="companion-standalone-buy"> <div class="t-mono text-[10.5px] uppercase tracking-[0.16em] text-white/45">Or on its own</div> <div class="flex items-baseline gap-1.5 mt-3"> <span class="t-display text-[44px] leading-[0.9] text-white font-bold" x-text="'$' + companionYear">
76$79</span> <span class="text-white/55 text-[15px]">/year</span> </div> <div class="t-mono text-[11.5px] text-white/40 mt-2">Companion only, billed yearly</div> <a href="https://app.getcando.com" target="_blank" rel="noopener noreferrer" class="companion-cta mt-5">Get Companion</a> <p class="text-white/40 text-[12px] leading-snug mt-4">macOS 14 or later. Apple silicon & Intel.</p> </div> </div> </div> </div> </section> </div> <section class="section-light relative py-20 lg:py-24 border-b border-app"> <div class="container mx-auto px-4 lg:px-6 grid lg:grid-cols-12 gap-10"> <div class="lg:col-span-5"> <h2 class="t-display text-4xl md:text-5xl text-balance text-app">Everything Can Do builds.</h2> </div> <div class="lg:col-span-7 space-y-5 self-center"> <ul class="grid sm:grid-cols-2 gap-x-8 gap-y-3 text-[16px] text-app"> <li class="flex items-start gap-2.5"><span class="mt-2 w-1.5 h-1.5 rounded-full bg-accent shrink-0"></span>Blog with RSS, SSL and sitemap</li> <li class="flex items-start gap-2.5"><span class="mt-2 w-1.5 h-1.5 rounded-full bg-accent shrink-0"></span>Knowledge base from Basecamp Docs</li> <li class="flex items-start gap-2.5"><span class="mt-2 w-1.5 h-1.5 rounded-full bg-accent shrink-0"></span>Public roadmap with upvotes</li> <li class="flex items-start gap-2.5"><span class="mt-2 w-1.5 h-1.5 rounded-full bg-accent shrink-0"></span>Forms that report back into Basecamp</li> <li class="flex items-start gap-2.5"><span class="mt-2 w-1.5 h-1.5 rounded-full bg-accent shrink-0"></span>Ten tools (Bulk to-dos, Cards, Zoom, more)</li> <li class="flex items-start gap-2.5"><span class="mt-2 w-1.5 h-1.5 rounded-full bg-accent shrink-0"></span>Companion for Mac, 73 commands</li> </ul> </div> </div> </section> <section class="section-light relative py-14 sm:py-20 md:py-28 border-b border-app" data-astro-cid-5f7neqxn> <div class="container mx-auto px-4 lg:px-6" data-astro-cid-5f7neqxn> <div class="relative rounded-[28px] overflow-hidden p-6 sm:p-10 md:p-16 lg:p-20" style="background: 77 radial-gradient(ellipse 1200px 600px at 0% 0%, rgba(229,91,60,0.45), transparent 55%), 78 radial-gradient(ellipse 900px 700px at 100% 100%, rgba(126,115,244,0.55), transparent 55%), 79 linear-gradient(135deg, #1A0E0A 0%, #0E0816 60%, #1A0E2A 100%); 80 box-shadow: 0 30px 80px -16px rgba(0,0,0,0.4);" data-astro-cid-5f7neqxn> <div class="absolute inset-0 opacity-30 mask-fade-edges pointer-events-none" style="background-image: 81 linear-gradient(to right, rgba(255,255,255,0.05) 1px, transparent 1px), 82 linear-gradient(to bottom, rgba(255,255,255,0.05) 1px, transparent 1px); 83 background-size: 56px 56px;" data-astro-cid-5f7neqxn></div> <div class="relative grid lg:grid-cols-[1.05fr_0.95fr] gap-10 lg:gap-16 items-center" data-astro-cid-5f7neqxn> <div data-astro-cid-5f7neqxn> <h2 class="t-display text-5xl md:text-6xl lg:text-7xl leading-[0.92] text-balance" style="color: #FFFFFF;" data-astro-cid-5f7neqxn> 84Your Basecamp, <em style="font-family: 'Bricolage Grotesque'; font-style: italic; font-weight: 600; color: #FF8B70;" data-astro-cid-5f7neqxn>unlocked.</em> </h2> <p class="text-[16px] md:text-[17px] leading-relaxed mt-6 max-w-xl" style="color: rgba(255,255,255,0.75);" data-astro-cid-5f7neqxn> 85Sign in with your email, connect Basecamp once, and turn the tool your team already loves into the publishing platform you always wanted. No password. 86</p> <div class="mt-10 flex flex-col sm:flex-row gap-3" data-astro-cid-5f7neqxn> <a href="https://app.getcando.com/signup/new" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center gap-2 text-center font-bold rounded-xl px-8 py-3 text-base plausible-event-name=Signup+UnlockedCTA transition-opacity hover:opacity-90" style="background: #FFFFFF; color: #0E0D10;" data-astro-cid-5f7neqxn> 87Try for Free 88</a> <a href="/companion" class="inline-flex items-center justify-center gap-2 text-center font-bold rounded-xl px-8 py-3 text-base transition-colors hover:bg-white/10" style="background: rgba(255,255,255,0.06); color: #FFFFFF; border: 1px solid rgba(255,255,255,0.22);" data-astro-cid-5f7neqxn> 89Explore Companion 90</a> </div> </div> <div data-astro-cid-5f7neqxn> <div class="grid grid-cols-2 gap-3.5 sm:gap-4" data-astro-cid-5f7neqxn> <a href="/blog-with-basecamp" class="cta-pillar relative block rounded-2xl p-5" style="background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.14); backdrop-filter: blur(6px);" data-astro-cid-5f7neqxn> <span class="cta-pillar-arrow" aria-hidden="true" data-astro-cid-5f7neqxn> <svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-5f7neqxn><path d="M7 17 17 7" data-astro-cid-5f7neqxn></path><path d="M8 7h9v9" data-astro-cid-5f7neqxn></path></svg> </span> <span class="w-10 h-10 inline-flex items-center justify-center rounded-xl mb-3" style="background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.18);" data-astro-cid-5f7neqxn> <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="#FFFFFF" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-5f7neqxn><path d="M3 5a2 2 0 0 1 2-2h11l5 5v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><path d="M8 8h6M8 12h8M8 16h5"/></svg> </span> <div class="t-display text-[17px] leading-none" style="color:#FFFFFF;" data-astro-cid-5f7neqxn>CMS</div> <div class="text-[12px] mt-1.5" style="color: rgba(255,255,255,0.6);" data-astro-cid-5f7neqxn>Blog · KB · Roadmap</div> </a><a href="/forms-for-basecamp" class="cta-pillar relative block rounded-2xl p-5" style="background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.14); backdrop-filter: blur(6px);" data-astro-cid-5f7neqxn> <span class="cta-pillar-arrow" aria-hidden="true" data-astro-cid-5f7neqxn> <svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-5f7neqxn><path d="M7 17 17 7" data-astro-cid-5f7neqxn></path><path d="M8 7h9v9" data-astro-cid-5f7neqxn></path></svg> </span> <span class="w-10 h-10 inline-flex items-center justify-center rounded-xl mb-3" style="background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.18);" data-astro-cid-5f7neqxn> <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="#FFFFFF" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-5f7neqxn><rect x="5" y="3" width="14" height="18" rx="2"/><path d="M9 3.5h6a1 1 0 0 1 1 1V6H8V4.5a1 1 0 0 1 1-1z"/><path d="M9 11h6M9 15h4"/></svg> </span> <div class="t-display text-[17px] leading-none" style="color:#FFFFFF;" data-astro-cid-5f7neqxn>Forms</div> <div class="text-[12px] mt-1.5" style="color: rgba(255,255,255,0.6);" data-astro-cid-5f7neqxn>Straight into Basecamp</div> </a><a href="/tools" class="cta-pillar relative block rounded-2xl p-5" style="background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.14); backdrop-filter: blur(6px);" data-astro-cid-5f7neqxn> <span class="cta-pillar-arrow" aria-hidden="true" data-astro-cid-5f7neqxn> <svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-5f7neqxn><path d="M7 17 17 7" data-astro-cid-5f7neqxn></path><path d="M8 7h9v9" data-astro-cid-5f7neqxn></path></svg> </span> <span class="w-10 h-10 inline-flex items-center justify-center rounded-xl mb-3" style="background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.18);" data-astro-cid-5f7neqxn> <svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="#FFFFFF" stroke-width="1.7" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-5f7neqxn><path d="M14.5 5.5a3.5 3.5 0 0 0-4.9 4.4L4 15.5 8.5 20l5.6-5.6a3.5 3.5 0 0 0 4.4-4.9l-2.3 2.3-2-2z"/></svg> </span> <div class="t-display text-[17px] leading-none" style="color:#FFFFFF;" data-astro-cid-5f7neqxn>Tools</div> <div class="text-[12px] mt-1.5" style="color: rgba(255,255,255,0.6);" data-astro-cid-5f7neqxn>10 bulk utilities</div> </a><a href="/companion" class="cta-pillar relative block rounded-2xl p-5" style="background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.14); backdrop-filter: blur(6px);" data-astro-cid-5f7neqxn> <span class="cta-pillar-arrow" aria-hidden="true" data-astro-cid-5f7neqxn> <svg viewBox="0 0 24 24" width="13" height="13" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" data-astro-cid-5f7neqxn><path d="M7 17 17 7" data-astro-cid-5f7neqxn></path><path d="M8 7h9v9" data-astro-cid-5f7neqxn></path></svg> </span> <span class="w-10 h-10 inline-flex items-center justify-center rounded-xl mb-3" style="background: rgba(255,255,255,0.12); border: 1px solid rgba(255,255,255,0.18);" data-astro-cid-5f7neqxn> <svg width="0.98em" height="1em" class="w-[18px] h-[18px] text-white" data-astro-cid-5f7neqxn data-icon="companion">
90 <symbol id="ai:local:companion" viewBox="0 0 126.27 130.01"><path fill="currentColor" d="m123.86 57.21-11.9-30.66c-2.04-5.25-4.81-8.65-9.8-10.84L70.2 1.66c-4.62-2.03-8.89-2.29-13.53-.25L22.28 16.54c-2.74 1.19-5.68 4.41-6.79 7.29L3.67 54.32C2.3 57.84.54 61.31 0 65.01c.39 2.66 1.42 5.25 2.41 7.79l11.9 30.66c2.04 5.25 4.8 8.65 9.79 10.84l31.96 14.05c4.63 2.04 8.9 2.29 13.53.26l34.4-15.13c2.74-1.2 5.68-4.42 6.79-7.3L122.6 75.7c1.37-3.52 3.13-7 3.67-10.69-.38-2.66-1.42-5.25-2.41-7.8M97.11 78.15l-29.73 32.64c-.39.43-.91.67-1.47.67l-5.48.04c-.57 0-1.11-.24-1.51-.67L29.14 78.22c-.91-.99-.73-2.61.36-3.35l6.06-4.13c.51-.34 1.12-.43 1.69-.26l13.54 4.13c.5.15.94.51 1.2.98l11.23 20.09 10.61-20.11c.28-.51.73-.89 1.27-1.05l14.09-4.06c.57-.16 1.18-.06 1.67.28l5.89 4.06c1.08.75 1.25 2.36.35 3.35Zm-.34-23-6.06 4.12c-.5.34-1.12.44-1.69.26h-.01l-13.54-4.12c-.5-.15-.94-.51-1.2-.99L63.04 34.34 52.43 54.45c-.27.51-.72.88-1.26 1.04l-14.1 4.06c-.57.17-1.18.06-1.67-.28l-5.88-4.06c-1.09-.74-1.26-2.35-.36-3.34l29.73-32.65c.39-.42.92-.67 1.48-.67l5.48-.03c.56 0 1.1.24 1.5.67l29.78 32.6c.91.99.73 2.62-.36 3.36"/></symbol><use href="#ai:local:companion"></use> </svg> </span> <div class="t-display text-[17px] leading-none" style="color:#FFFFFF;" data-astro-cid-5f7neqxn>Companion</div> <div class="text-[12px] mt-1.5" style="color: rgba(255,255,255,0.6);" data-astro-cid-5f7neqxn>Mac launcher</div> </a> </div> </div> </div> </div> </div> </section> </main> <footer class="relative bg-surface overflow-hidden"> <div class="absolute inset-0 bg-grid opacity-50 mask-fade-edges pointer-events-none"></div> <div class="absolute -top-40 left-1/2 -translate-x-1/2 w-[900px] h-[400px] bg-[radial-gradient(closest-side,rgba(80,70,229,0.20),transparent_70%)] pointer-events-none"></div> <div class="relative container mx-auto px-4 lg:px-6 pt-20 pb-12"> <div class="grid grid-cols-2 md:grid-cols-12 gap-10 pb-14 border-b border-app"> <div class="col-span-2 md:col-span-5"> <div class="flex items-center gap-2.5"> <svg width="1.18em" height="1em" viewBox="0 0 59 50" class="cd-foot-logo w-8 h-8 text-app" data-icon="logo-white"> <use href="#ai:local:logo-white"></use> </svg> <span class="tag inline-flex items-center gap-1.5"> <img src="/images/companion/basecamp-mark.webp" width="96" height="80" class="w-[15px] h-auto shrink-0" alt=""> 91for Basecamp 92</span> </div> <p class="mt-5 text-muted text-[16px] max-w-sm leading-[1.55]"> 93Made by <a href="https://iqthink.com" target="_blank" rel="noopener noreferrer" class="text-app underline underline-offset-4 decoration-(--text-faint) hover:decoration-(--text)">iqthink</a>. 94 The shortcuts, surfaces, and small apps we wished Basecamp already had â built by a team that uses it every day. 95</p> </div> <div class="md:col-span-2"> <div class="t-mono text-xs uppercase tracking-[0.16em] text-faint mb-3">Features</div> <ul class="space-y-2 text-[13.5px]"> <li><a href="/blog-with-basecamp" class="text-app hover:accent transition-colors">Blog</a></li> <li><a href="/knowledge-base-for-basecamp" class="text-app hover:accent transition-colors">Knowledge Base</a></li> <li><a href="/roadmap-for-basecamp" class="text-app hover:accent transition-colors">Roadmap</a></li> <li><a href="/forms-for-basecamp" class="text-app hover:accent transition-colors">Forms</a></li> <li><a href="/tools" class="text-app hover:accent transition-colors">Tools</a></li> </ul> </div> <div class="md:col-span-2"> <div class="t-mono text-xs uppercase tracking-[0.16em] text-faint mb-3">Resources</div> <ul class="space-y-2 text-[13.5px]"> <li><a href="/pricing" class="text-app hover:accent transition-colors">Pricing</a></li> <li><a href="/support" class="text-app hover:accent transition-colors">Support</a></li> <li><a href="https://public.getcando.com/kb/help-center-for-can-do-c686b88d" target="_blank" rel="noopener noreferrer" class="text-app hover:accent transition-colors">Help Center</a></li> <li><a href="/companion" class="text-app hover:accent transition-colors">Companion (Mac)</a></li> <li><a href="https://iqthink.com/policies/" target="_blank" rel="noopener noreferrer" class="text-app hover:accent transition-colors">Policies</a></li> </ul> </div> <div class="col-span-2 md:col-span-3" x-data="footerNewsletter"> <div class="t-mono text-xs uppercase tracking-[0.16em] text-faint mb-3">Stay in the loop</div> <form class="max-w-sm" @submit.prevent="submitForm"> <div class="flex items-center bg-surface-2 border border-app rounded-lg overflow-hidden"> <input type="email" x-model="email" required placeholder="[email protected]" :disabled="status === 'loading' || status === 'success'" class="flex-1 bg-transparent border-0 outline-hidden px-3.5 py-2.5 text-[13.5px] text-app placeholder:text-faint disabled:opacity-60"> <button type="submit" :disabled="status === 'loading' || status === 'success'" aria-label="Subscribe" class="t-mono text-xs uppercase tracking-[0.14em] text-app px-4 py-2.5 border-l border-app hover:bg-surface-3 disabled:opacity-60 transition-colors"> <span x-text="({ idle: 'â', loading: 'â¦', success: 'â', error: 'â»' })[status]">â</span> </button> </div> <p class="mt-2 t-mono text-xs" x-show="status === 'success' || status === 'error'" x-cloak :class="status === 'success' ? 'text-app' : 'text-faint'"> <span x-show="status === 'success'">Thanks â you're on the list.</span> <span x-show="status === 'error'">Hmm, that didn't work. Try again.</span> </p> </form> </div> </div> <div class="py-14 md:py-20"> <div class="t-display text-[clamp(5rem,22vw,22rem)] leading-none tracking-tightest select-none" style="color: var(--surface-3)"> 96Can Do 97</div> </div> <div class="flex flex-col md:flex-row md:items-center justify-between gap-6 pt-8 border-t border-app t-mono text-xs text-faint"> <div>© 2026 iqthink, LLC â all rights reserved</div> <div class="max-w-2xl md:text-right"> 98Can Do is independent and not affiliated with Basecamp / 37signals. Mentions are informational only. 99</div> </div> </div> </footer> <!-- Cloudflare Pages Analytics -->
vendor: 99 bytes, line 99
99<script defer src='https://static.cloudflareinsights.com/beacon.min.js' data-cf-beacon='{"token": "
99b76e7ec66e38452f8c9b514985367e64
vendor: 13 bytes, line 99
99"}'></script>
99<!-- Cloudflare Pages Analytics -->
99<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"0aee71b888794106a0321cffeb8f1475","r":1,"spa":2}' crossorigin="anonymous"></script>
99 100</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.