1<!doctype html> 2<html lang="en"> 3<head> 4<meta charset="utf-8"> 5<meta name="viewport" content="width=device-width, initial-scale=1"> 6<title>Donna â With Donna, it's done.</title> 7<meta name="description" content="Donna is the document headquarters for lawyers and working professionals â your entire project, perfectly architected for the 13-inch screen you actually work on."> 8<meta property="og:title" content="Donna â With Donna, it's done."> 9<meta property="og:description" content="The document headquarters for lawyers and working professionals."> 10<meta property="og:type" content="website"> 11<meta property="og:url" content="https://withdonna.com/"> 12<link rel="icon" type="image/svg+xml" sizes="any" href="/favicon.svg?v=3"> 13<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png?v=3"> 14<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16.png?v=3"> 15<link rel="shortcut icon" href="/favicon.ico?v=3"> 16<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png?v=3"> 17<link rel="manifest" href="/site.webmanifest"> 18<meta name="theme-color" content="#EDFF8D"> 19<link rel="preconnect" href="https://fonts.googleapis.com"> 20<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 21<link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@600;800&family=Inter:wght@400;500;600&family=Caveat:wght@600&display=swap"> 22<style> 23:root{--lemon:#EDFF8D;--grass:#0A342B;--paper:#FBFFE8;--mint:#D0E1CA;--moon:#D8DFE9;--note:#F7F0A6;--blue:#CBD6F2;} 24*{box-sizing:border-box} 25html,body{margin:0;padding:0;background:var(--lemon);color:var(--grass); 26 font-family:Inter,-apple-system,'Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased} 27a{color:var(--grass);text-decoration:none} 28.wrap{max-width:1200px;margin:0 auto;padding:0 24px} 29.topnav{display:flex;justify-content:center;align-items:center;gap:clamp(18px,4vw,48px);padding:26px 16px 0; 30 font-size:14px;font-weight:500} 31.topnav a{display:flex;align-items:center;gap:8px;opacity:.72} 32.topnav a:hover{opacity:1} 33.hero{position:relative;display:flex;flex-direction:column;align-items:center;padding:64px 24px 88px;text-align:center} 34h1{margin:34px 0 0;font-family:Poppins,sans-serif;font-weight:800; 35 font-size:clamp(40px,7.2vw,88px);line-height:.98;letter-spacing:-.03em;max-width:900px;text-wrap:balance} 36.sub{margin:24px 0 0;font-size:clamp(17px,2.2vw,21px);line-height:1.5;max-width:560px;opacity:.82;text-wrap:balance} 37.ctas{display:flex;gap:14px;margin-top:38px;flex-wrap:wrap;justify-content:center} 38.btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 34px;border-radius:999px; 39 font-size:17px;font-weight:600;transition:transform .12s ease} 40.btn:hover{transform:translateY(-1px)} 41.btn-solid{background:var(--grass);color:var(--lemon)} 42.btn-ghost{border:1.5px solid var(--grass);color:var(--grass)} 43.btn-lemon{background:var(--lemon);color:var(--grass)} 44.note{position:absolute;background:var(--note);padding:24px 22px;box-shadow:6px 8px 18px rgba(10,52,43,.18); 45 font-family:Caveat,'Bradley Hand',cursive;font-size:26px;line-height:1.25;color:#1b2416;text-align:left} 46.note-a{left:24px;top:24px;width:210px;height:196px;transform:rotate(-6deg)} 47.note-b{right:24px;top:420px;width:214px;height:176px;background:var(--blue);color:#16204a;transform:rotate(5deg)} 48.note-c{right:-8px;top:-58px;width:200px;height:162px;transform:rotate(4deg)} 49@media(max-width:1180px){.note{display:none}} 50.band{border-top:1.5px solid rgba(10,52,43,.16);padding:88px 0} 51.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:start} 52h2{margin:0;font-family:Poppins,sans-serif;font-weight:800;font-size:clamp(30px,4.4vw,52px);line-height:1.05;letter-spacing:-.028em} 53p{font-size:clamp(16px,1.6vw,19px);line-height:1.62} 54.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;padding-bottom:96px} 55.card{border:1.5px solid rgba(10,52,43,.14);border-radius:28px;padding:40px 36px;background:var(--paper)} 56.card:nth-child(2){background:var(--mint)} 57.card:nth-child(3){background:var(--moon)} 58.eyebrow{font-size:12px;font-weight:600;letter-spacing:2px;opacity:.55} 59h3{margin:14px 0 12px;font-family:Poppins,sans-serif;font-weight:800;font-size:clamp(22px,2.6vw,30px);line-height:1.1;letter-spacing:-.025em} 60.card p{margin:0;font-size:17px;opacity:.8} 61.narrative{position:relative;text-align:center;padding:24px 0 104px} 62.narrative h2{margin:0 auto;max-width:720px} 63.narrative p{margin:24px auto 0;max-width:760px;opacity:.82} 64.cta{background:var(--grass);border-radius:40px;padding:clamp(40px,6vw,76px) clamp(28px,5vw,88px); 65 display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:56px;align-items:center;margin-bottom:96px} 66.cta h2{color:var(--lemon)} 67.cta p{color:#E8F2E4;opacity:.85} 68.panel{background:rgba(237,255,141,.08);border:1.5px solid rgba(237,255,141,.35);border-radius:28px;padding:36px} 69.panel .eyebrow{color:var(--lemon);opacity:.8} 70.panel h3{color:var(--paper)} 71.panel p{color:#E8F2E4;font-size:16px;opacity:.8;margin:0 0 24px} 72form.waitlist{display:flex;gap:10px} 73form.waitlist input{flex:1 1 auto;min-width:0;height:54px;border-radius:999px;border:0;padding:0 24px; 74 font-family:inherit;font-size:16px;background:var(--paper);color:var(--grass)} 75form.waitlist input::placeholder{color:rgba(10,52,43,.45)} 76form.waitlist button{height:54px;border:0;border-radius:999px;padding:0 28px;font-family:inherit;font-size:16px; 77 font-weight:600;background:var(--lemon);color:var(--grass);
77cursor:pointer} 78.formnote{margin:14px 0 0;font-size:14px;color:#E8F2E4;opacity:.75;min-height:20px} 79footer{border-top:1.5px solid rgba(10,52,43,.16);padding:40px 0 64px;display:flex;justify-content:space-between; 80 align-items:center;gap:20px;flex-wrap:wrap;font-size:15px} 81footer .links{display:flex;gap:28px;opacity:.7;flex-wrap:wrap} 82@media(max-width:860px){ 83 .two,.cards,.cta{grid-template-columns:1fr;gap:32px} 84 .band{padding:56px 0} 85 .card{padding:28px 24px;border-radius:24px} 86 .cta{border-radius:32px} 87 .ctas .btn{width:100%} 88 form.waitlist{flex-direction:column} 89 form.waitlist button{width:100%} 90} 91</style>
92<script src="https://us-assets.i.posthog.com/static/array.js"></script>
vendor: 1 bytes, line 92
92
93<script src="/analytics.js"></script>
93 94</head> 95<body> 96 97<nav class="topnav"> 98 <a href="#what"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4"><rect x="2" y="2" width="5" height="5" rx="1"/><rect x="9" y="2" width="5" height="5" rx="1"/><rect x="2" y="9" width="5" height="5" rx="1"/><rect x="9" y="9" width="5" height="5" rx="1"/></svg>What it does</a> 99 <a href="#why"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4"><rect x="2.5" y="2.5" width="11" height="11" rx="1.5"/><line x1="8" y1="2.5" x2="8" y2="13.5"/></svg>Why Donna</a> 100 <a href="https://calendly.com/andrea-kerndt/30min"><svg width="16" height="16" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.4"><rect x="2" y="3.5" width="12" height="10" rx="1.5"/><line x1="2" y1="6.5" x2="14" y2="6.5"/><line x1="5.5" y1="2" x2="5.5" y2="4.5"/><line x1="10.5" y1="2" x2="10.5" y2="4.5"/></svg>Talk to us</a> 101</nav> 102 103<header class="hero"> 104 <div class="note note-a">thirteen inches.<br>every file you own.</div> 105 <div class="note note-b">a real conversation. not a sales demo.</div> 106 <svg width="156.9" height="46" viewBox="0 0 290 85" fill="none" xmlns="http://www.w3.org/2000/svg" style="color:#0A342B" aria-label="Donna"> <path d="M69.7531 21.9983V56.021C69.7531 59.1591 67.2053 61.3652 64.4089 61.3652C63.5389 61.3652 62.6068 61.1477 61.7678 60.6816L59.22 59.2213V33.277C59.22 29.7349 57.2936 26.4103 54.1865 24.6082L34.4564 13.2984L32.4058 12.1177L30.0754 10.7506V5.34421C30.0754 2.23711 32.6543 0 35.4196 0C36.3207 0 37.2218 0.217497 38.0607 0.714633L38.7132 1.08748L47.3509 6.05884L67.081 17.3687C68.7588 18.3319 69.7531 20.0719 69.7531 21.9983Z" fill="currentColor"/> <path d="M54.5575 33.2771V67.3309C54.5575 70.438 51.9786 72.644 49.1822 72.644C48.3123 72.644 47.4112 72.4265 46.5723 71.9294L44.3352 70.6555V44.7423C44.3352 41.1691 42.4088 37.8445 39.3327 36.0424L32.3728 32.0653L19.6027 24.7325L17.1791 23.3654L14.8799 22.0294V16.5919C14.8799 13.4848 17.4277 11.2788 20.2241 11.2788C21.0941 11.2788 21.9951 11.4963 22.8651 11.9934L23.4865 12.3352L25.4129 13.4538L30.0736 16.1259L32.1243 17.3376L51.8544 28.6475C53.5011 29.6107 54.5575 31.3817 54.5575 33.2771Z" fill="currentColor"/> <path d="M39.6776 44.7422V78.7649C39.6776 81.872 37.1298 84.0781 34.3334 84.0781C33.4634 84.0781 32.5624 83.8606 31.6924 83.3945L2.6721 66.7094C1.05641 65.7773 0 64.0373 0 62.1109V28.0882C0 24.95 2.57889 22.7129 5.37528 22.7129C6.24527 22.7129 7.14633 22.9304 7.98524 23.4275L8.63773 23.8314L10.2224 24.7325L14.883 27.4046L17.2755 28.7717L30.0767 36.1356L37.0055 40.0816C38.6523 41.0448 39.6776 42.8158 39.6776 44.7422Z" fill="currentColor"/> <path d="M123.633 23.2648C126.978 25.0572 129.547 27.5703 131.358 30.7671C133.15 33.9639 134.055 37.6042 134.055 41.688C134.055 45.7718 133.15 49.3752 131.358 52.6089C129.547 55.8612 126.978 58.4112 123.633 60.2591C120.289 62.1254 116.39 63.0494 111.955 63.0494H94.2339V20.5669H111.955C116.39 20.5669 120.289 21.4723 123.633 23.2648ZM117.887 48.7284C119.642 47.0838 120.529 44.737 120.529 41.7065C120.529 38.676 119.642 36.3292 117.887 34.6846C116.131 33.04 113.747 32.2269 110.735 32.2269H107.557V51.2045H110.735C113.729 51.2045 116.113 50.3915 117.887 48.7469V48.7284Z" fill="currentColor"/> <path d="M144.255 61.4046C141.539 60.0002 139.395 57.986 137.861 55.3621C136.328 52.7381 135.552 49.6706 135.552 46.1412C135.552 42.6118 136.328 39.5443 137.861 36.9203C139.395 34.2964 141.539 32.2822 144.255 30.8778C146.971 29.4734 150.039 28.7712 153.439 28.7712C156.839 28.7712 159.906 29.4734 162.623 30.8778C165.339 32.2822 167.483 34.2964 169.016 36.9203C170.55 39.5443 171.326 42.6118 171.326 46.1412C171.326 49.6706 170.55 52.7381 169.016 55.3621C167.483 57.986 165.339 60.0002 162.623 61.4046C159.906 62.809 156.839 63.5112 153.439 63.5112C150.039 63.5112 146.971 62.809 144.255 61.4046ZM156.562 50.5022C157.393 49.5228 157.818 48.063 157.818 46.1412C157.818 44.2194 157.393 42.7596 156.562 41.7802C155.712 40.8009 154.677 40.3019 153.439 40.3019C152.201 40.3019 151.148 40.8009 150.316 41.7802C149.484 42.7596 149.059 44.2194 149.059 46.1412C149.059 48.063 149.466 49.5228 150.298 50.5022C151.111 51.4815 152.164 51.9805 153.457 51.9805C154.751 51.9805 155.73 51.5 156.58 50.5022H156.562Z" fill="currentColor"/> <path d="M206.859 32.8736C209.04 35.4791 210.13 38.9901 210.13 43.4434V63.0863H196.862V45.125C196.862 43.5173 196.437 42.2608 195.569 41.3184C194.7 40.376 193.555 39.914 192.113 39.914C190.672 39.914 189.471 40.376 188.639 41.3184C187.808 42.2608 187.383 43.5358 187.383 45.125V63.0863H174.06V29.2148H187.383V34.3704C188.418 32.7627 189.822 31.4692 191.559 30.4714C193.296 29.4735 195.366 28.9746 197.768 28.9746C201.648 28.9746 204.679 30.2681 206.859 32.8736Z" fill="currentColor"/> <path d="M247.199 32.8736C249.379 35.4791 250.47 38.9901 250.47 43.4434V63.0863H237.202V45.125C237.202 43.5173 236.777 42.2608 235.908 41.3184C235.04 40.376 233.894 39.914 232.453 39.914C231.011 39.914 229.81 40.376 228.979 41.3184C228.147 42.2608 227.722 43.5358 227.722 45.125V63.0863H214.399V29.2148H227.722V34.3704C228.757 32.7627 230.161 31.4692 231.898 30.4714C233.635 29.4735 235.705 28.9746 238.107 28.9746C241.988 28.9746 245.018 30.2681 247.199 32.8736Z" fill="currentColor"/> <path d="M254.778 36.8652C255.998 34.2412 257.679 32.2456 259.786 30.8597C261.911 29.4737 264.295 28.79 266.937 28.79C269.136 28.79 271.039 29.2335 272.647 30.139C274.255 31.0444 275.474 32.264 276.306 33.8347V29.215H289.573V63.0865H276.306V58.4668C275.474 60.
106019 274.236 61.2571 272.647 62.1625C271.039 63.068 269.136 63.5115 266.937 63.5115C264.295 63.5115 261.911 62.8278 259.786 61.4419C257.661 60.056 255.998 58.0603 254.778 55.4363C253.559 52.8123 252.949 49.7264 252.949 46.16C252.949 42.5936 253.559 39.5077 254.778 36.8837V36.8652ZM274.92 41.9469C273.996 40.949 272.813 40.4501 271.372 40.4501C269.931 40.4501 268.748 40.949 267.824 41.9469C266.9 42.9447 266.438 44.3491 266.438 46.1415C266.438 47.9339 266.9 49.3383 267.824 50.3362C268.748 51.334 269.931 51.8329 271.372 51.8329C272.813 51.8329 273.996 51.334 274.92 50.3362C275.844 49.3383 276.306 47.9339 276.306 46.1415C276.306 44.3491 275.844 42.9447 274.92 41.9469Z" fill="currentColor"/> </svg> 107 <h1>Your entire project,<br>perfectly architected.</h1> 108 <p class="sub">The document headquarters for lawyers and working professionals â built for the 13-inch screen you actually work on.</p> 109 <div class="ctas"> 110 <a class="btn btn-solid" href="https://calendly.com/andrea-kerndt/30min">Book a call</a> 111 <a class="btn btn-ghost" href="#waitlist">Join the waitlist</a> 112 </div> 113</header> 114 115<section class="band" id="why"> 116 <div class="wrap two"> 117 <h2>Why are you still scrolling documents one page at a time?</h2> 118 <p style="margin:8px 0 0;opacity:.82">You shouldn't need three monitors to see three documents. When you're traveling or working from a coffee shop, you don't have the luxury of a triple-monitor setup. You're confined to a 13-inch laptop screen. Donna makes it possible.</p> 119 </div> 120</section> 121 122<section class="wrap" id="what"> 123 <div class="cards"> 124 <div class="card"> 125 <div class="eyebrow">NODE-BASED NETWORK</div> 126 <h3>A fluid, multi-document interface</h3> 127 <p>Follow the thread of thought across documents without ever leaving your page. Concepts and ideas are linked automatically â trace any clause, definition, or idea across dozens of documents instantly.</p> 128 </div> 129 <div class="card"> 130 <div class="eyebrow">WORKSPACE</div> 131 <h3>Split-screen by default</h3> 132 <p>Optimized for the mobile professional. Reference and draft simultaneously without losing legibility or mental sanity.</p> 133 </div> 134 <div class="card"> 135 <div class="eyebrow">PERFORMANCE</div> 136 <h3>Redlining built in</h3> 137 <p>Link a draft to a source PDF and keep the relevant document in view as you write. No toggling. No losing your place. Just clean editing, right where you're working.</p> 138 </div> 139 <div class="card"> 140 <div class="eyebrow">INTERACTION</div> 141 <h3>Hover-peeks</h3> 142 <p>Use your trackpad to "peek" into a linked .docx or PDF without fully opening it. Document retrieval without the scroll-wait cycle.</p> 143 </div> 144 </div> 145</section> 146 147<section class="wrap narrative"> 148 <div class="note note-c">one window. one train of thought.</div> 149 <h2>Your project, perfectly architected</h2> 150 <p>On a small laptop, clicking through 1,000 different folders and toggling between five minimized Word windows is a recipe for losing your train of thought. Donna doesn't just shrink a desktop interface â it re-imagines document architecture for the 13-inch laptop, designed for the industry shifts that stuck after the pandemic: remote work and constant mobility.</p> 151</section> 152 153<section class="wrap" id="waitlist"> 154 <div class="cta"> 155 <div> 156 <h2>Command every project, from one place.</h2> 157 <p style="margin:20px 0 0">The desktop app for professionals who need total project intelligence. Book a call and we'll walk your actual matter, not a canned demo file.</p> 158 <a class="btn btn-lemon" style="margin-top:30px" href="https://calendly.com/andrea-kerndt/30min">Book a call</a> 159 </div> 160 <div class="panel"> 161 <div class="eyebrow">NOT READY TO TALK YET</div> 162 <h3>Join the waitlist</h3> 163 <p>Leave your email and we'll be in touch when your seat is ready. One email, nothing else.</p> 164 <form class="waitlist" id="waitlistForm" method="post" action="/api/waitlist"> 165 <label for="email" style="position:absolute;left:-9999px">Email address</label> 166 <input id="email" name="email" type="email" required placeholder="[email protected]" autocomplete="email"> 167 <button type="submit">Join</button> 168 </form>
169 <p class="formnote" id="formNote" role="status" aria-live="polite"></p> 170 </div> 171 </div> 172</section> 173 174<div class="wrap"> 175 <footer> 176 <a href="/cdn-cgi/l/email-protection#f9919c959596b98e908d919d96979798d79a9694" style="font-size:17px;font-weight:600"><span class="__cf_email__" data-cfemail="254d4049494a65524c514d414a4b4b440b464a48">[email protected]</span></a> 177 <div class="links"> 178 <a href="/terms">Terms & Conditions</a> 179 <a href="/privacy">Privacy policy</a> 180 <span>All rights reserved © 2026</span> 181 </div> 182 </footer> 183</div>
vendor: 110 bytes, lines 183-185
183 184 185<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
185<script> 186document.getElementById('waitlistForm').addEventListener('submit', async function (e) { 187 e.preventDefault(); 188 var form = this; 189 if (form.dataset.sending === '1') return; // stop a double submit 190 var note = document.getElementById('formNote'); 191 var email = document.getElementById('email').value.trim(); 192 if (!email) return; 193 note.textContent = 'Sendingâ¦'; 194 form.dataset.sending = '1'; 195 try { 196 var r = await fetch('/api/waitlist', { 197 method: 'POST', 198 headers: { 'Content-Type': 'application/json' }, 199 body: JSON.stringify({ email: email, source: 'withdonna.com' }) 200 }); 201 if (!r.ok) throw new Error('bad status'); 202 note.textContent = "You're on the list. We'll be in touch."; 203 try { 204 posthog.identify(email, { email: email }); 205 posthog.capture('waitlist_submitted', { source: 'withdonna.com' }); 206 } catch (err2) {} 207 document.getElementById('waitlistForm').reset(); 208 } catch (err) { 209 try { posthog.capture('waitlist_failed', { source: 'withdonna.com' }); } catch (err2) {} 210 note.innerHTML = 'Something went wrong â email us at <a style="color:#EDFF8D;text-decoration:underline" href="mailto:[email protected]">[email protected]</a>.'; 211 } 212 form.dataset.sending = ''; 213}); 214</script>
vendor: 1 bytes, line 214
214
215<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"1daaa0ef9b0c4fd3b163b3ce66c24910","r":1,"spa":2}' crossorigin="anonymous"></script>
215 216</body> 217</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.