1<!DOCTYPE html><!-- Last Published: Mon Sep 21 2026 15:37:10 GMT+0000 (Coordinated Universal Time) --><html data-wf-domain="type-ai.webflow.io" data-wf-page="6669a6e7adbf3c2db0b4ff17" data-wf-site="6552b89c2624b95125bb6da0" lang="en"><head><meta charset="utf-8"/><link href="https://cdn.prod.website-files.com" rel="preconnect" crossorigin="anonymous"/><title>Type AI Pricing</title><meta content="Browse Type AI's monthly and annual pricing." name="description"/><meta content="Type AI Pricing" property="og:title"/><meta content="Browse Type AI's monthly and annual pricing." property="og:description"/><meta content="https://cdn.prod.website-files.com/6552b89c2624b95125bb6da0/6a02040cf610b7169c0031bc_Type-Preview-1.png" property="og:image"/><meta content="Type AI Pricing" name="twitter:title"/><meta content="Browse Type AI's monthly and annual pricing." name="twitter:description"/><meta content="https://cdn.prod.website-files.com/6552b89c2624b95125bb6da0/6a02040cf610b7169c0031bc_Type-Preview-1.png" name="twitter:image"/><meta property="og:type" content="website"/><meta content="summary_large_image" name="twitter:card"/><meta content="width=device-width, initial-scale=1" name="viewport"/><link href="https://cdn.prod.website-files.com/6552b89c2624b95125bb6da0/css/type-ai.webflow.shared.3080ca373.min.css" rel="stylesheet" type="text/css" integrity="sha384-MIDKNzCwY73UTXkSE4tB+vkxdweoZpFpGSPUuLj4e0E+tEOIXMH42o1Bpwfyv9x4" crossorigin="anonymous"/><link href="https://fonts.googleapis.com" rel="preconnect"/><link href="https://fonts.gstatic.com" rel="preconnect" crossorigin="anonymous"/>
1<script src="https://ajax.googleapis.com/ajax/libs/webfont/1.6.26/webfont.js" type="text/javascript"></script>
1<script type="text/javascript">WebFont.load({ google: { families: ["Crimson Pro:300,400,500,600,700","IBM Plex Sans Hebrew:300,400,500,600,700","Inter:300,400,500,600,700","Outfit:300,400,500,600,700"] }});</script>
1<script type="text/javascript">!function(o,c){var n=c.documentElement,t=" w-mod-";n.className+=t+"js",("ontouchstart"in o||o.DocumentTouch&&c instanceof DocumentTouch)&&(n.className+=t+"touch")}(window,document);</script>
1<link href="https://cdn.prod.website-files.com/6552b89c2624b95125bb6da0/68f131f694278ecf9e5f404c_favicon.ico" rel="shortcut icon" type="image/x-icon"/><link href="https://cdn.prod.website-files.com/6552b89c2624b95125bb6da0/68f131b46e5c52b4d5696e56_TYPE-Icon-ShapesSm-W-256.png" rel="apple-touch-icon"/>
1<script>(function(w,i,g){w[g]=w[g]||[];if(typeof w[g].push=='function')w[g].push.apply(w[g],Array.isArray(i)?i:[i]);})(window,['G-G1941DK0BV'],'google_tags_first_party');</script>
1<script async="" src="/xa5e8du3i6ydNjU1MmI4OWMyNjI0Yjk1MTI1YmI2ZGEw/SjBV36u2Y_RCVJhoYVNkIebAnoM"></script>
1<script type="text/javascript">window.dataLayer = window.dataLayer || [];function gtag(){dataLayer.push(arguments);}gtag('set', 'developer_id.dZGVlNj', true);gtag('set', 'developer_id.dYWYxNW', true);gtag('js', new Date());gtag('config', 'G-G1941DK0BV');</script>
1<style> 2 .w-webflow-badge { 3 display: none !important; 4 } 5 .fixed-navbar::before, .nav-menu.w-nav-menu::before { 6 content: ''; 7 position: absolute; 8 top: 0; 9 bottom: 0; 10 left: 0; 11 right: 0; 12 -webkit-backdrop-filter: blur(21px); 13 backdrop-filter: blur(21px); 14 } 15</style>
16<script src="/generated/system.js" type="text/javascript"></script>
16 17 18 19<!-- Meta Pixel Code -->
20<script id="fb-pixel" strategy="afterInteractive">
vendor: 456 bytes, lines 20-29
20 21 !function(f,b,e,v,n,t,s) 22 {if(f.fbq)return;n=f.fbq=function(){n.callMethod? 23 n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 24 if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 25 n.queue=[];t=b.createElement(e);t.async=!0; 26 t.src=v;s=b.getElementsByTagName(e)[0]; 27 s.parentNode.insertBefore(t,s)}(window, document,'script', 28 'https://connect.facebook.net/en_US/fbevents.js'); 29 fbq('init', '
29969818584320358
vendor: 32 bytes, lines 29-30
29'); 30 fbq('track', 'PageView');
31</script>
31 32<!-- End Meta Pixel Code --> 33
34<script type="text/javascript"> 35!function(){"use strict";!function(e,t){var r=e.amplitude||{_q:[],_iq:{}};if(r.invoked){}else{var n=function(e,t){e.prototype[t]=function(){return this._q.push({name:t,args:Array.prototype.slice.call(arguments,0)}),this}},s=function(e,t,r){return function(n){e._q.push({name:t,args:Array.prototype.slice.call(r,0),resolve:n})}},o=function(e,t,r){e._q.push({name:t,args:Array.prototype.slice.call(r,0)})},i=function(e,t,r){e[t]=function(){if(r)return{promise:new Promise(s(e,t,Array.prototype.slice.call(arguments)))};o(e,t,Array.prototype.slice.call(arguments))}},a=function(e){for(var t=0;t<m.length;t++)i(e,m[t],!1);for(var r=0;r<g.length;r++)i(e,g[r],!0)};r.invoked=!0;var c=t.createElement("script");c.type="text/javascript",c.integrity="sha384-O/+s7HnpV7h0Fzy4SDvsVOqSikciTtKGZC+HOzw7QhlmA3i8aRaMDOXiqwrfovSa",c.crossOrigin="anonymous",c.async=!0,c.src="https://cdn.amplitude.com/libs/analytics-browser-2.3.7-min.js.gz",c.onload=function(){e.amplitude.runQueuedFunctions||console.log("[Amplitude] Error: could not load SDK")};var u=t.getElementsByTagName("script")[0];u.parentNode.insertBefore(c,u);for(var l=function(){return this._q=[],this},p=["add","append","clearAll","prepend","set","setOnce","unset","preInsert","postInsert","remove","getUserProperties"],d=0;d<p.length;d++)n(l,p[d]);r.Identify=l;for(var f=function(){return this._q=[],this},v=["getEventProperties","setProductId","setQuantity","setPrice","setRevenue","setRevenueType","setEventProperties"],y=0;y<v.length;y++)n(f,v[y]);r.Revenue=f;var m=["getDeviceId","setDeviceId","getSessionId","setSessionId","getUserId","setUserId","setOptOut","setTransport","reset","extendSession"],g=["init","add","remove","track","logEvent","identify","groupIdentify","setGroup","revenue","flush"];a(r),r.createInstance=function(e){return r._iq[e]={_q:[]},a(r._iq[e]),r._iq[e]},e.amplitude=r}}(window,document)}(); 36 37amplitude.init("b799ff6cf9bc968a570f070a08082253", { serverUrl: "https://type.ai/api/amp", defaultTracking: true }); 38</script>
38 39
40<script>function initApollo(){var n=Math.random().toString(36).substring(7),o=document.createElement("script"); 41o.src="https://assets.apollo.io/micro/website-tracker/tracker.iife.js?nocache="+n,o.async=!0,o.defer=!0, 42o.onload=function(){window.trackingFunctions.onLoad({appId:"66325acc3caad401afc40766"})}, 43document.head.appendChild(o)}initApollo();</script>
43 44
45<script> 46(function(){ 47 var params = new URLSearchParams(window.location.search); 48 var tracking = new URLSearchParams(); 49 params.forEach(function(v, k){ 50 if (k.startsWith('utm_') || k === 'gclid' || k === 'fbclid' || k === 'msclkid') tracking.set(k, v); 51 }); 52 window.appendTrackingParams = function(url) { 53 var qs = tracking.toString(); 54 if (!qs) return url; 55 return url + (url.indexOf('?') > -1 ? '&' : '?') + qs; 56 }; 57 document.addEventListener('DOMContentLoaded', function(){ 58 document.querySelectorAll('a[href]').forEach(function(a){ 59 a.href = appendTrackingParams(a.href); 60 }); 61 }); 62})(); 63</script>
63 64</script>
64<style> 65.w-background-video > video { 66 height: unset; 67} 68.t_glass-feature > .w-background-video { 69 padding-bottom: 100%; 70 height: unset; 71} 72</style>
73<script> 74 document.addEventListener('DOMContentLoaded', function() { 75 // Function to toggle visibility 76 function toggleVisibility(selectedValue) { 77 // Logic to show/hide elements based on selectedValue 78 if (selectedValue === 'annually') { 79 console.log('annually') 80 document.getElementById('annually-text').style.display = 'block'; 81 document.getElementById('monthly-text').style.display = 'none'; 82 // Hide other elements 83 } else if (selectedValue === 'monthly') { 84 console.log('monthly') 85 // Similar logic for other radio buttons 86 document.getElementById('annually-text').style.display = 'none'; 87 document.getElementById('monthly-text').style.display = 'block'; 88 } 89 // Add more conditions as needed 90 } 91 92 // Attach event listener to radio buttons 93 var radios = document.getElementsByName('price-toggle'); 94 radios.forEach(function(radio) { 95 radio.addEventListener('change', function() { 96 toggleVisibility(this.value); 97 }); 98 }); 99 100 // Initialize with default value 101 toggleVisibility('defaultValue'); // Replace with the value of your default radio button 102 amplitude.logEvent("page view pricing", { version: 2 }); 103}); 104</script>
104 105
106<script type="application/ld+json"> 107{ 108 "@context": "https://schema.org", 109 "@type": "FAQPage", 110 "mainEntity": [ 111 { 112 "@type": "Question", 113 "name": "What kind of writing is Type.ai best for?", 114 "acceptedAnswer": { 115 "@type": "Answer", 116 "text": "Type.ai excels at writing books, novels, screenplays, stories, or any type of creative long-form writing that requires careful crafting, editing, and review." 117 } 118 }, 119 { 120 "@type": "Question", 121 "name": "Does Type train on my data?", 122 "acceptedAnswer": { 123 "@type": "Answer", 124 "text": "No, Type does not train any AI models on your data. All of your uploads and documents in Type remain private to you. You can read Type's full privacy policy here: https://type.ai/privacy-policy" 125 } 126 }, 127 { 128 "@type": "Question", 129 "name": "Can I write an entire book in Type.ai?", 130 "acceptedAnswer": { 131 "@type": "Answer", 132 "text": "Yes, you can write an entire book in Type.ai. Type's AI writing features are designed to help you draft, develop, and refine documents up to 150,000 words. For longer books, we recommend breaking up your manuscript into multiple documents." 133 } 134 }, 135 { 136 "@type": "Question", 137 "name": "Is cancelling easy?", 138 "acceptedAnswer": { 139 "@type": "Answer", 140 "text": "Yes, just tap \"Settings\" â \"Billing\" â \"Cancel subscription\" from your home screen in Type." 141 } 142 }, 143 { 144 "@type": "Question", 145 "name": "Can I import an existing draft into Type.ai?", 146 "acceptedAnswer": { 147 "@type": "Answer", 148 "text": "Yes, you can import documents up to 150,000 words into Type's editor and it will preserve any images, headings, and tables." 149 } 150 } 151 ] 152} 153</script>
vendor: 1 bytes, line 153
153
154<script src="https://cdn.prod.website-files.com/6552b89c2624b95125bb6da0%2F652d31f3dc22d7b4ee708e44%2F6797fd00adfb0b5948a796a2%2Fclarity_script-8.6.3.js" type="text/javascript"></script>
154<script type="text/javascript">window.__WEBFLOW_CURRENCY_SETTINGS = {"currencyCode":"USD","symbol":"$","decimal":".","fractionDigits":2,"group":",","template":"{{wf {\"path\":\"symbol\",\"type\":\"PlainText\"} }} {{wf {\"path\":\"amount\",\"type\":\"CommercePrice\"} }} {{wf {\"path\":\"currencyCode\",\"type\":\"PlainText\"} }}","hideDecimalForWholeNumbers":false};</script>
154</head><body><div class="fixed-navbar"><div data-animation="default" data-collapse="medium" data-duration="400" data-easing="ease" data-easing2="ease" role="banner" class="navbar w-nav"><div class="container navbar-container"><div class="navbar-holder"><div class="navbar-container"><a href="/" class="brand w-nav-brand"><img src="https://cdn.prod.website-files.com/6552b89c2624b95125bb6da0/694b6f5e06dcc2e5eaffdd9d_Type%20Logo.png" loading="lazy" width="87" alt="" class="brand-image"/></a><nav role="navigation" class="nav-menu w-nav-menu"><div class="nav-menu-link-holder"><div class="nav-menu-link-container"><div class="nav-links"><div data-hover="true" data-delay="0" class="t_dropdown w-dropdown"><div class="t_dropdown-toggle-top w-dropdown-toggle"><div class="icon w-icon-dropdown-toggle"></div><div class="text-block-9">Resources</div></div><nav class="t_dropdown-list t_shadow-blue t_shadow-mobile-hidden t_dropdown-resources w-dropdown-list"><a href="/ai-writing-tools" class="t_dropdown-toggle t_dropdown-link t_dropdown-item">Free writing tools</a><a href="https://blog.type.ai" class="t_dropdown-toggle t_dropdown-link t_dropdown-item">Blog</a></nav></div><a href="/pricing" aria-current="page" class="link-block w-inline-block w--current"><div class="text-block-3">Pricing</div></a></div></div></div></nav><div class="menu-cart-holder"><div class="t_nav-menu-button-holder"><a href="/login.html" id="sign_in_button_navbar" class="button navbar-button w-button">Log in</a></div><div class="t_nav-menu-button-holder"><a href="/login.html?signup=true" id="free_trial_button_navbar" class="button navbar-button-copy w-button">Try for free -></a></div><div class="menu-button w-nav-button"><div class="icon-2 w-icon-nav-menu"></div></div></div></div></div></div></div></div><div class="section t_hero-section t_pricing-hero-section"><div class="container hero"><div class="t_hero-section-holder"><div class="t_hero-section-container t_pricing-hero-section-container"><h1 data-w-id="257d0ccc-7621-58b9-5885-d99201c7b13a" style="opacity:0;-webkit-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="t_title t_gradient t_pricing_title">Bring your story to life.</h1><div data-w-id="257d0ccc-7621-58b9-5885-d99201c7b14e" style="opacity:0;-webkit-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="hero-section-paragraph-holder"><p class="t_subheader">Get to "done" faster with the intelligent editor for long-form writing.</p></div></div></div><div id="Early-Access" class="t_pricing-wrapper t_pricing-page-wrapper"><div data-w-id="93ff9402-89e3-6058-0b73-4ef52d1c7f7e" style="opacity:0;-webkit-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-moz-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);-ms-transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0);transform:translate3d(0, 20px, 0) scale3d(1, 1, 1) rotateX(0) rotateY(0) rotateZ(0) skew(0, 0)" class="w-embed w-script"><style> 155 :root { 156 --pr-bg-page: #fbf5f2; 157 --pr-bg-card: #ffffff; 158 --pr-bg-card-highlight: #ffffff; 159 --pr-border: #d9d9d9; 160 --pr-border-accent: #1a1a1a; 161 --pr-text: #1a1a1a; 162 --pr-text-secondary: #312f2b; 163 --pr-text-muted: #8c8c8c; 164 --pr-accent: #996c68; 165 --pr-btn-default: #1a1a1a; 166 --pr-font: "Inter", -apple-system, BlinkMacSystemFont, sans-serif; 167 --pr-font-serif: "Crimson Pro", Georgia, serif; 168 } 169 .page-container, 170 .page-container *, 171 .pricing-container, 172 .pricing-container *, 173 .faq-section, 174 .faq-section * { 175 box-shadow: none !important; 176 text-shadow: none !important; 177 } 178 .pricing-container p, 179 .pricing-container span, 180 .pricing-container div, 181 .pricing-container button, 182 .faq-section p, 183 .faq-section span, 184 .faq-section div, 185 .faq-section a, 186 .faq-section svg { 187 font-family: "Inter", -apple-system, BlinkMacSystemFont, sans-serif !important; 188 letter-spacing: 0 !important; 189 text-transform: none !important; 190 } 191 * { 192 box-sizing: border-box; 193 } 194 body {
195 background-color: var(--pr-bg-page); 196 margin: 0; 197 padding: 0; 198 } 199 a { 200 text-decoration: none; 201 color: inherit; 202 } 203 204 .page-container { 205 max-width: 1440px; 206 margin: 0 auto; 207 padding: 0 20px; 208 } 209 210 /* Toggle */ 211 .billing-toggle-wrap { 212 display: flex; 213 justify-content: center; 214 margin-bottom: 48px; 215 } 216 .billing-toggle { 217 position: relative; 218 display: inline-flex; 219 align-items: center; 220 background: #ffffff; 221 border: 1px solid var(--pr-border); 222 border-radius: 24px; 223 padding: 0; 224 overflow: hidden; 225 } 226 .billing-toggle::before { 227 content: ""; 228 position: absolute; 229 top: 0; 230 left: 0; 231 width: 50%; 232 height: 100%; 233 background: #1a1a1a; 234 border-radius: 24px; 235 transition: transform 0.35s cubic-bezier(0.4, 0, 0.2, 1); 236 z-index: 0; 237 pointer-events: none; 238 } 239 .billing-toggle.monthly::before { 240 transform: translateX(100%); 241 } 242 .billing-toggle button { 243 position: relative; 244 z-index: 1; 245 font-family: var(--pr-font); 246 font-size: 12px; 247 font-weight: 700; 248 line-height: 24px; 249 padding: 4px 16px; 250 min-width: 88px; 251 border: none; 252 border-radius: 24px; 253 cursor: pointer; 254 transition: color 0.25s ease; 255 background: transparent; 256 color: var(--pr-text-muted); 257 } 258 .billing-toggle button.active { 259 color: #fff; 260 } 261 262 /* Cards grid */ 263 .pricing-grid { 264 display: grid; 265 grid-template-columns: repeat(4, minmax(0, 1fr)); 266 gap: 32px; 267 max-width: 1312px; 268 margin: 0 auto; 269 } 270 271 /* Card base */ 272 .pricing-card { 273 background: var(--pr-bg-card); 274 border: 1px solid var(--pr-border); 275 border-radius: 8px; 276 padding: 16px; 277 display: flex; 278 flex-direction: column; 279 gap: 24px; 280 min-height: 328px; 281 transition: background 0.2s ease, border-color 0.2s ease; 282 } 283 .pricing-card:hover { 284 background: #f7f7f7; 285 border-color: #1a1a1a; 286 } 287 .pricing-card.featured { 288 background: var(--pr-bg-card-highlight); 289 border-color: var(--pr-accent); 290 position: relative; 291 } 292 .pricing-card.featured:hover { 293 background: #fbf3f1; 294 border-color: var(--pr-accent); 295 } 296 .pricing-card.basic-card { 297 background: var(--pr-bg-card-highlight); 298 border-color: var(--pr-border); 299 } 300 301 /* "Most Popular" banner tab */ 302 .popular-banner { 303 position: absolute; 304 top: -24px; 305 left: 8px; 306 width: calc(100% - 16px); 307 height: 24px; 308 background: var(--pr-accent); 309 border-radius: 4px 4px 0 0; 310 display: flex; 311 align-items: center; 312 justify-content: center; 313 padding: 4px 10px; 314 } 315 .popular-banner span { 316 font-family: var(--pr-font); 317 font-size: 12px; 318 font-weight: 700; 319 line-height: 16px; 320 color: #fff; 321 white-space: nowrap; 322 } 323 324 /* Bottom group for Free/Basic: price + footer grouped together */ 325 .card-bottom { 326 display: flex; 327 flex-direction: column; 328 flex: 1; 329 justify-content: space-between; 330 width: 100%; 331 } 332 333 /* Card header */ 334 .card-header { 335 display: flex; 336 flex-direction: column; 337 gap: 16px; 338 width: 100%; 339 flex-shrink: 0; 340 } 341 .card-title-row { 342 display: flex; 343 align-items: center; 344 justify-content: space-between; 345 width: 100%; 346 flex-shrink: 0; 347 } 348 .card-name { 349 font-family: var(--pr-font); 350 font-size: 24px; 351 font-weight: 700; 352 line-height: 32px; 353 color: var(--pr-text); 354 margin: 0; 355 white-space: nowrap; 356 } 357 .card-badge { 358 display: inline-flex; 359 align-items: center; 360 justify-content: center; 361 padding: 8px; 362 border-radius: 4px; 363 font-family: var(--pr-font); 364 font-size: 12px; 365 font-weight: 700; 366 line-height: 16px; 367 color: #fff; 368 flex-shrink: 0; 369 } 370 .card-badge.default { 371 background: var(--pr-btn-default); 372 } 373 .card-badge.accent { 374 background: var(--pr-accent); 375 } 376 .card-desc { 377 font-family: var(--pr-font); 378 font-size: 16px; 379 font-weight: 400; 380 line-height: 24px; 381 color: var(--pr-text); 382 margin: 0; 383 width: 100%; 384 flex-shrink: 0; 385 } 386 387 /* Price */ 388 .card-price { 389 margin: 0; 390 flex-shrink: 0; 391 white-space: nowrap; 392 } 393 .card-price .amount { 394 font-family: var(--pr-font); 395 font-size: 48px; 396 font-weight: 700; 397 line-height: 48px; 398 color: var(--pr-text); 399 } 400 .card-price .period { 401 font-family: var(--pr-font); 402 font-size: 16px; 403 font-weight: 700; 404 line-height: 48px; 405 color: var(--pr-text); 406 } 407 408 /* AI usage callout */ 409 .price-usage { 410 display: flex; 411 flex-direction: column; 412 gap: 8px; 413 width: 100%; 414 } 415 .ai-usage { 416 display: flex; 417 align-items: center; 418 gap: 8px; 419 width: 100%; 420 flex-shrink: 0; 421 } 422 .ai-usage svg { 423 width: 24px; 424 height: 24px; 425 flex-shrink: 0; 426 } 427 428 .ai-usage strong { 429 font-weight: 700; 430 } 431 432 /* Card footer */ 433 .card-footer { 434 display: flex; 435 flex-direction: column; 436 gap: 16px; 437 width: 100%; 438 flex-shrink: 0; 439 } 440 .card-footer a { 441 display: block; 442 width: 100%; 443 } 444 .card-billing { 445 font-family: var(--pr-font); 446 font-size: 12px; 447 font-weight: 400; 448 line-height: 16px; 449 color: var(--pr-text-muted); 450 margin: 0; 451 width: 100%; 452 flex-shrink: 0; 453 } 454 .card-cta { 455 display: flex; 456 align-items: center; 457 justify-content: center; 458 width: 100%; 459 padding: 8px 16px; 460 border-radius: 4px; 461 border: none; 462 cursor: pointer; 463 font-family: var(--pr-font); 464 font-size: 12px; 465 font-weight: 700; 466 line-height: 24px; 467 color: #fff; 468 transition: opacity 0.2s ease; 469 } 470 .card-cta:hover { 471 opacity: 0.9; 472 } 473 .pricing-card:hover .card-cta.default { 474 background: #3a3a3a; 475 color: #fff; 476 } 477 .card-cta.default { 478 background: var(--pr-btn-default); 479 } 480 .card-cta.accent { 481 background: var(--pr-accent); 482 } 483 .basic-card .card-cta.default { 484 background: #1a1a1a; 485 } 486 .pricing-card > .card-footer { 487 margin-top: auto; 488 } 489 490 /* Included features */ 491 .included-section { 492 max-width: 688px; 493 margin: 40px auto 0; 494 padding: 0 16px; 495 display: flex; 496 flex-direction: column; 497 align-items: center; 498 gap: 16px; 499 } 500 .included-title { 501 font-family: var(--pr-font); 502 font-size: 16px; 503 font-weight: 700; 504 line-height: 24px; 505 color: var(--pr-text); 506 margin: 0; 507 } 508 .included-item { 509 display: flex; 510 align-items: center; 511 justify-content: center; 512 gap: 8px; 513 width: 100%; 514 margin: 0; 515 } 516 .included-item svg { 517 width: 16px; 518 height: 16px; 519 flex-shrink: 0; 520 margin-top: 0; 521 } 522 .included-item span { 523 font-family: var(--pr-font); 524 font-size: 16px; 525 font-weight: 400; 526 line-height: 24px; 527 color: var(--pr-text); 528 text-align: center; 529 white-space: nowrap; 530 } 531 .included-item strong { 532 font-weight: 700; 533 } 534 535 /* FAQ section â hardened against Webflow global styles */ 536 .faq-section { 537 max-width: 928px !important; 538 margin: 192px auto 0 !important; 539 padding: 0 !important; 540 background: transparent !important; 541 border: none !important; 542 } 543 .faq-title { 544 font-family: Georgia, "Crimson Pro", serif !important; 545 font-size: 48px !important; 546 font-weight: 400 !important; 547 line-height: 48px !important; 548 color: var(--pr-text) !important; 549 text-align: center !important; 550 margin: 0 0 64px !important; 551 padding: 0 !important; 552 background: transparent !important; 553 border: none !important; 554 text-indent: 0 !important; 555 letter-spacing: 0 !important; 556 } 557 .faq-list { 558 max-width: 864px !important; 559 margin: 0 auto !important; 560 display: flex !important; 561 flex-direction: column !important; 562 gap: 0 !important; 563 padding: 0 32px !important; 564 background: transparent !important; 565 border: none !important; 566 list-style: none !important; 567 } 568 .faq-item { 569 border-radius: 8px !important; 570 padding: 24px 32px !important; 571 margin: 0 -32px !important; 572 cursor: pointer !important; 573 transition: background 0.2s ease !important; 574 background: transparent !important; 575 border: none !important; 576 text-indent: 0 !important; 577 } 578 .faq-item:hover { 579 background: #ffffff !important; 580 } 581 .faq-item-header { 582 display: flex !important;
583 align-items: center !important; 584 justify-content: space-between !important; 585 gap: 16px !important; 586 padding: 0 !important; 587 margin: 0 !important; 588 background: transparent !important; 589 border: none !important; 590 } 591 .faq-question-text { 592 font-family: var(--pr-font) !important; 593 font-size: 18px !important; 594 font-weight: 700 !important; 595 line-height: 24px !important; 596 color: #1a1a1a !important; 597 margin: 0 !important; 598 padding: 0 !important; 599 text-indent: 0 !important; 600 background: transparent !important; 601 border: none !important; 602 } 603 .faq-chevron { 604 width: 16px !important; 605 height: 16px !important; 606 flex-shrink: 0 !important; 607 transition: transform 0.3s ease !important; 608 } 609 .faq-item.open .faq-chevron { 610 transform: rotate(180deg) !important; 611 } 612 .faq-answer { 613 max-height: 0 !important; 614 overflow: hidden !important; 615 transition: max-height 0.3s ease !important; 616 padding: 0 !important; 617 margin: 0 !important; 618 background: transparent !important; 619 border: none !important; 620 text-indent: 0 !important; 621 } 622 .faq-item.open .faq-answer { 623 max-height: 500px !important; 624 } 625 .faq-answer-text { 626 font-family: var(--pr-font) !important; 627 font-size: 16px !important; 628 font-weight: 400 !important; 629 line-height: 24px !important; 630 color: var(--pr-text-secondary) !important; 631 margin: 16px 0 0 !important; 632 padding: 0 !important; 633 text-indent: 0 !important; 634 background: transparent !important; 635 border: none !important; 636 } 637 .faq-answer-text a { 638 color: #1a1a1a !important; 639 text-decoration: underline !important; 640 } 641 642 /* Responsive */ 643 @media (max-width: 968px) { 644 .pricing-grid { 645 grid-template-columns: repeat(2, minmax(0, 1fr)); 646 column-gap: 24px; 647 row-gap: 48px; 648 max-width: 632px; 649 } 650 .pricing-card { 651 min-height: unset; 652 } 653 .ai-usage { 654 margin-bottom: 8px; 655 } 656 .included-section { 657 max-width: 480px; 658 } 659 .included-item span { 660 white-space: normal; 661 } 662 .faq-section { 663 margin-top: 96px !important; 664 padding: 0 20px !important; 665 } 666 .faq-title { 667 font-size: 36px !important; 668 line-height: 40px !important; 669 margin-bottom: 48px !important; 670 } 671 .faq-list { 672 padding: 0 !important; 673 } 674 .faq-item { 675 margin: 0 !important; 676 padding: 20px !important; 677 } 678 .faq-question-text { 679 font-size: 18px !important; 680 } 681 .faq-answer-text { 682 font-size: 16px !important; 683 } 684 } 685 @media (max-width: 520px) { 686 .pricing-grid { 687 grid-template-columns: minmax(0, 1fr); 688 column-gap: 24px; 689 row-gap: 48px; 690 max-width: 304px; 691 } 692 .pricing-card { 693 min-height: auto; 694 } 695 .included-section { 696 max-width: 304px; 697 } 698 .faq-section { 699 margin-top: 64px !important; 700 } 701 .faq-title { 702 font-size: 28px !important; 703 line-height: 36px !important; 704 margin-bottom: 32px !important; 705 } 706 .faq-list { 707 gap: 32px !important; 708 } 709 } 710</style> 711 712<div class="page-container"> 713 <div class="pricing-container"> 714 <!-- Annual / Monthly toggle --> 715 <div class="billing-toggle-wrap"> 716 <div class="billing-toggle"> 717 <button id="toggleAnnual" class="active">Annual</button> 718 <button id="toggleMonthly">Monthly</button> 719 </div> 720 </div> 721 722 <!-- Pricing cards --> 723 <div class="pricing-grid"> 724 <!-- Free --> 725 <div class="pricing-card free-card"> 726 <div class="card-header"> 727 <div class="card-title-row"> 728 <p class="card-name">Free</p> 729 </div> 730 <p class="card-desc"> 731 Try all of Type's features for free 732 </p> 733 </div> 734 <div class="price-usage"> 735 <p class="card-price"> 736 <span class="amount" data-annual="$0" data-monthly="$0">$0</span 737 ><span class="period">/mo</span> 738 </p> 739 </div> 740 <div class="card-footer"> 741 <p 742 class="card-billing" 743 data-annual="Free credits do not reset" 744 data-monthly="Free credits do not reset" 745 > 746 Limited credits that never expire 747 </p> 748 <a href="https://type.ai/login.html?signup=true" target="_blank" 749 ><button class="card-cta default">Get Free</button></a 750 > 751 </div> 752 </div> 753 754 <!-- Basic --> 755 <div class="pricing-card basic-card"> 756 <div class="card-header"> 757 <div class="card-title-row"> 758 <p class="card-name">Basic</p>
759 <span 760 class="card-badge default" 761 data-annual="Save 33%" 762 data-monthly="" 763 >Save 33%</span 764 > 765 </div> 766 <p class="card-desc">Perfect for shorter form content or stories</p> 767 </div> 768 <div class="price-usage"> 769 <p class="card-price"> 770 <span class="amount" data-annual="$8" data-monthly="$12">$8</span 771 ><span class="period">/mo</span> 772 </p> 773 <span><strong>500,000</strong> credits</span> 774 </div> 775 <div class="card-footer"> 776 <p 777 class="card-billing" 778 data-annual="$96 billed annually" 779 data-monthly="Billed monthly" 780 > 781 $96 billed annually 782 </p> 783 <a href="https://type.ai/login.html?signup=true" target="_blank" 784 ><button class="card-cta default">Get Basic</button></a 785 > 786 </div> 787 </div> 788 789 <!-- Pro (featured) --> 790 <div class="pricing-card featured pro-card"> 791 <div class="popular-banner"><span>MOST POPULAR</span></div> 792 <div class="card-header"> 793 <div class="card-title-row"> 794 <p class="card-name">Pro</p> 795 <span 796 class="card-badge accent" 797 data-annual="Save 33%" 798 data-monthly="" 799 >Save 33%</span 800 > 801 </div> 802 <p class="card-desc"> 803 Great for longer works like a novel or screenplay 804 </p> 805 </div> 806 <div class="price-usage"> 807 <p class="card-price"> 808 <span class="amount" data-annual="$16" data-monthly="$24">$16</span 809 ><span class="period">/mo</span> 810 </p> 811 <span><strong>1,500,000</strong> credits</span> 812 <div class="ai-usage"> 813 <svg
814 viewBox="0 0 24 24" 815 fill="none" 816 xmlns="http://www.w3.org/2000/svg" 817 > 818 <path 819 d="M13.576 4L4.67 14.687c-.349.419-.524.628-.527.805a.5.5 0 0 0 .185.394c.136.114.41.114.955.114h7.293l-1 8L20.482 13.313c.349-.419.524-.628.527-.805a.5.5 0 0 0-.184-.394C20.688 12 20.413 12 19.869 12h-7.293l1-8Z" 820 stroke="#1a1a1a" 821 stroke-linecap="round" 822 stroke-linejoin="round" 823 /> 824 </svg> 825 <span><strong>3x</strong> more than <strong>Basic</strong></span> 826 </div> 827 </div> 828 <div class="card-footer"> 829 <p 830 class="card-billing" 831 data-annual="$192 billed annually" 832 data-monthly="Billed monthly" 833 > 834 $192 billed annually 835 </p> 836 <a href="https://type.ai/login.html?signup=true" target="_blank" 837 ><button class="card-cta accent">Get Pro</button></a 838 > 839 </div> 840 </div> 841 842 <!-- Max --> 843 <div class="pricing-card max-card"> 844 <div class="card-header"> 845 <div class="card-title-row"> 846 <p class="card-name">Max</p> 847 <span 848 class="card-badge default" 849 data-annual="Save 33%" 850 data-monthly="" 851 >Save 33%</span 852 > 853 </div> 854 <p class="card-desc">Ideal for writing multiple books a year</p> 855 </div> 856 <div class="price-usage"> 857 <p class="card-price"> 858 <span class="amount" data-annual="$64" data-monthly="$96">$64</span 859 ><span class="period">/mo</span> 860 </p> 861 <span><strong>6,000,000</strong> credits</span> 862 <div class="ai-usage"> 863 <svg
864 viewBox="0 0 24 24" 865 fill="none" 866 xmlns="http://www.w3.org/2000/svg" 867 > 868 <path 869 d="M13.576 4L4.67 14.687c-.349.419-.524.628-.527.805a.5.5 0 0 0 .185.394c.136.114.41.114.955.114h7.293l-1 8L20.482 13.313c.349-.419.524-.628.527-.805a.5.5 0 0 0-.184-.394C20.688 12 20.413 12 19.869 12h-7.293l1-8Z" 870 stroke="#1a1a1a" 871 stroke-linecap="round" 872 stroke-linejoin="round" 873 /> 874 </svg> 875 <span><strong>12x</strong> more than <strong>Basic</strong></span> 876 </div> 877 </div> 878 <div class="card-footer"> 879 <p 880 class="card-billing" 881 data-annual="$768 billed annually" 882 data-monthly="Billed monthly" 883 > 884 $768 billed annually 885 </p> 886 <a href="https://type.ai/login.html?signup=true" target="_blank" 887 ><button class="card-cta default">Get Max</button></a 888 > 889 </div> 890 </div> 891 </div> 892 893 <!-- All paid plans include --> 894 <div class="included-section"> 895 <p class="included-title">All paid plans include:</p> 896 <div class="included-item"> 897 <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 898 <circle cx="8" cy="8" r="6.5" stroke="#996666" stroke-width="1.2" /> 899 <path 900 d="M5.5 8l2 2 3.5-3.5" 901 stroke="#996666" 902 stroke-width="1.2" 903 stroke-linecap="round" 904 stroke-linejoin="round" 905 /> 906 </svg> 907 <span 908 ><strong>Premium AI Models: </strong>All plans include access to 909 Type's writing, editing and publishing features and supported AI 910 models. AI-powered features use credits.</span 911 > 912 </div> 913 <div class="included-item"> 914 <svg viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 915 <circle cx="8" cy="8" r="6.5" stroke="#996666" stroke-width="1.2" /> 916 <path 917 d="M5.5 8l2 2 3.5-3.5" 918 stroke="#996666" 919 stroke-width="1.2" 920 stroke-linecap="round" 921 stroke-linejoin="round" 922 /> 923 </svg> 924 <span 925 ><strong>Priority Support: </strong>Hands on, priority email 926 support</span 927 > 928 </div> 929 </div> 930 </div> 931</div> 932 933<section class="faq-section"> 934 <h2 class="faq-title">Frequently asked questions</h2> 935 <div class="faq-list"> 936 <div class="faq-item open"> 937 <div class="faq-item-header"> 938 <p class="faq-question-text">How do credits work?</p> 939 <svg 940 class="faq-chevron"
941 viewBox="0 0 16 16" 942 fill="none" 943 xmlns="http://www.w3.org/2000/svg" 944 > 945 <path 946 d="M4 6l4 4 4-4" 947 stroke="#1a1a1a" 948 stroke-width="1.5" 949 stroke-linecap="round" 950 stroke-linejoin="round" 951 /> 952 </svg> 953 </div> 954 <div class="faq-answer"> 955 <p class="faq-answer-text"> 956 Credits are used for AI features, like chat, and creating images, 957 audio, or video. Larger and more complex requests use more credits. 958 Manual writing, organizing work, importing or exporting files, and 959 sharing don't use credits. 960 </p> 961 </div> 962 </div> 963 <div class="faq-item"> 964 <div class="faq-item-header"> 965 <p class="faq-question-text">How do credits work on the Free plan?</p> 966 <svg 967 class="faq-chevron" 968 viewBox="0 0 16 16" 969 fill="none" 970 xmlns="http://www.w3.org/2000/svg" 971 > 972 <path 973 d="M4 6l4 4 4-4" 974 stroke="#1a1a1a" 975 stroke-width="1.5" 976 stroke-linecap="round" 977 stroke-linejoin="round" 978 /> 979 </svg> 980 </div> 981 <div class="faq-answer"> 982 <p class="faq-answer-text"> 983 The Free plan includes a fixed amount of credits that never expire. 984 These credits don't reset once used. 985 </p> 986 </div> 987 </div> 988 <div class="faq-item"> 989 <div class="faq-item-header"> 990 <p class="faq-question-text">When do my credits reset?</p> 991 <svg 992 class="faq-chevron"
993 viewBox="0 0 16 16" 994 fill="none" 995 xmlns="http://www.w3.org/2000/svg" 996 > 997 <path 998 d="M4 6l4 4 4-4" 999 stroke="#1a1a1a" 1000 stroke-width="1.5" 1001 stroke-linecap="round" 1002 stroke-linejoin="round" 1003 /> 1004 </svg> 1005 </div> 1006 <div class="faq-answer"> 1007 <p class="faq-answer-text"> 1008 Monthly credits reset on your plan renewal date and don't roll over. 1009 If you have an annual subscription, credits still reset monthly. 1010 Purchased additional credits never expire and are used after your 1011 monthly credits. 1012 </p> 1013 </div> 1014 </div> 1015 <div class="faq-item"> 1016 <div class="faq-item-header"> 1017 <p class="faq-question-text">Can I purchase additional credits?</p> 1018 <svg 1019 class="faq-chevron" 1020 viewBox="0 0 16 16" 1021 fill="none" 1022 xmlns="http://www.w3.org/2000/svg" 1023 > 1024 <path 1025 d="M4 6l4 4 4-4" 1026 stroke="#1a1a1a" 1027 stroke-width="1.5" 1028 stroke-linecap="round" 1029 stroke-linejoin="round" 1030 /> 1031 </svg> 1032 </div> 1033 <div class="faq-answer"> 1034 <p class="faq-answer-text"> 1035 Yes, if you have an active paid subscription. Purchased credits never 1036 expire and stay available even if you cancel or downgrade later. 1037 </p> 1038 </div> 1039 </div> 1040 <div class="faq-item"> 1041 <div class="faq-item-header"> 1042 <p class="faq-question-text">What happens if I run out of credits?</p> 1043 <svg 1044 class="faq-chevron"
1045 viewBox="0 0 16 16" 1046 fill="none" 1047 xmlns="http://www.w3.org/2000/svg" 1048 > 1049 <path 1050 d="M4 6l4 4 4-4" 1051 stroke="#1a1a1a" 1052 stroke-width="1.5" 1053 stroke-linecap="round" 1054 stroke-linejoin="round" 1055 /> 1056 </svg> 1057 </div> 1058 <div class="faq-answer"> 1059 <p class="faq-answer-text"> 1060 AI features stop working but you can still use non-AI features. You 1061 can always upgrade your plan or buy more credits to unlock AI 1062 features. 1063 </p> 1064 </div> 1065 </div> 1066 <div class="faq-item"> 1067 <div class="faq-item-header"> 1068 <p class="faq-question-text">What happens when I upgrade my plan?</p> 1069 <svg 1070 class="faq-chevron" 1071 viewBox="0 0 16 16" 1072 fill="none" 1073 xmlns="http://www.w3.org/2000/svg" 1074 > 1075 <path 1076 d="M4 6l4 4 4-4" 1077 stroke="#1a1a1a" 1078 stroke-width="1.5" 1079 stroke-linecap="round" 1080 stroke-linejoin="round" 1081 /> 1082 </svg> 1083 </div> 1084 <div class="faq-answer"> 1085 <p class="faq-answer-text"> 1086 Upgrades start immediately. You pay the difference between plans and 1087 get your new plan's full monthly credit allowance right away. 1088 </p> 1089 </div> 1090 </div> 1091 <div class="faq-item"> 1092 <div class="faq-item-header"> 1093 <p class="faq-question-text">What happens when I downgrade my plan?</p> 1094 <svg 1095 class="faq-chevron"
1096 viewBox="0 0 16 16" 1097 fill="none" 1098 xmlns="http://www.w3.org/2000/svg" 1099 > 1100 <path 1101 d="M4 6l4 4 4-4" 1102 stroke="#1a1a1a" 1103 stroke-width="1.5" 1104 stroke-linecap="round" 1105 stroke-linejoin="round" 1106 /> 1107 </svg> 1108 </div> 1109 <div class="faq-answer"> 1110 <p class="faq-answer-text"> 1111 You will be downgraded to your new plan at the end of your billing 1112 cycle. 1113 </p> 1114 </div> 1115 </div> 1116 <div class="faq-item"> 1117 <div class="faq-item-header"> 1118 <p class="faq-question-text">Is there a money-back guarantee?</p> 1119 <svg 1120 class="faq-chevron" 1121 viewBox="0 0 16 16" 1122 fill="none" 1123 xmlns="http://www.w3.org/2000/svg" 1124 > 1125 <path 1126 d="M4 6l4 4 4-4" 1127 stroke="#1a1a1a" 1128 stroke-width="1.5" 1129 stroke-linecap="round" 1130 stroke-linejoin="round" 1131 /> 1132 </svg> 1133 </div> 1134 <div class="faq-answer"> 1135 <p class="faq-answer-text"> 1136 Yes. Your first paid subscription has a 30-day money-back guarantee. 1137 This doesn't cover renewals or additional credit purchases. 1138 </p> 1139 </div> 1140 </div> 1141 <div class="faq-item"> 1142 <div class="faq-item-header"> 1143 <p class="faq-question-text">Is cancelling easy?</p> 1144 <svg 1145 class="faq-chevron"
1146 viewBox="0 0 16 16" 1147 fill="none" 1148 xmlns="http://www.w3.org/2000/svg" 1149 > 1150 <path 1151 d="M4 6l4 4 4-4" 1152 stroke="#1a1a1a" 1153 stroke-width="1.5" 1154 stroke-linecap="round" 1155 stroke-linejoin="round" 1156 /> 1157 </svg> 1158 </div> 1159 <div class="faq-answer"> 1160 <p class="faq-answer-text"> 1161 Yes. Go to Settings â Billing â Cancel subscription from your Type 1162 home screen. 1163 </p> 1164 </div> 1165 </div> 1166 <div class="faq-item"> 1167 <div class="faq-item-header"> 1168 <p class="faq-question-text"> 1169 What kind of writing is Type.ai best for? 1170 </p> 1171 <svg 1172 class="faq-chevron" 1173 viewBox="0 0 16 16" 1174 fill="none" 1175 xmlns="http://www.w3.org/2000/svg" 1176 > 1177 <path 1178 d="M4 6l4 4 4-4" 1179 stroke="#1a1a1a" 1180 stroke-width="1.5" 1181 stroke-linecap="round" 1182 stroke-linejoin="round" 1183 /> 1184 </svg> 1185 </div> 1186 <div class="faq-answer"> 1187 <p class="faq-answer-text"> 1188 Type.ai works best for books, novels, screenplays, stories, and other 1189 long-form creative writing that needs drafting, editing, and revision. 1190 </p> 1191 </div> 1192 </div> 1193 <div class="faq-item"> 1194 <div class="faq-item-header"> 1195 <p class="faq-question-text">Can I write an entire book in Type.ai?</p> 1196 <svg 1197 class="faq-chevron"
1198 viewBox="0 0 16 16" 1199 fill="none" 1200 xmlns="http://www.w3.org/2000/svg" 1201 > 1202 <path 1203 d="M4 6l4 4 4-4" 1204 stroke="#1a1a1a" 1205 stroke-width="1.5" 1206 stroke-linecap="round" 1207 stroke-linejoin="round" 1208 /> 1209 </svg> 1210 </div> 1211 <div class="faq-answer"> 1212 <p class="faq-answer-text"> 1213 Yes. You can write up to 150,000 words per document. For longer books, 1214 split your manuscript into multiple documents. 1215 </p> 1216 </div> 1217 </div> 1218 <div class="faq-item"> 1219 <div class="faq-item-header"> 1220 <p class="faq-question-text"> 1221 Can I import an existing draft into Type.ai? 1222 </p> 1223 <svg 1224 class="faq-chevron" 1225 viewBox="0 0 16 16" 1226 fill="none" 1227 xmlns="http://www.w3.org/2000/svg" 1228 > 1229 <path 1230 d="M4 6l4 4 4-4" 1231 stroke="#1a1a1a" 1232 stroke-width="1.5" 1233 stroke-linecap="round" 1234 stroke-linejoin="round" 1235 /> 1236 </svg> 1237 </div> 1238 <div class="faq-answer"> 1239 <p class="faq-answer-text"> 1240 Yes. You can import documents up to 150,000 words. Images, headings, 1241 and tables are preserved. 1242 </p> 1243 </div> 1244 </div> 1245 <div class="faq-item"> 1246 <div class="faq-item-header"> 1247 <p class="faq-question-text">Does Type train on my data?</p> 1248 <svg 1249 class="faq-chevron"
1250 viewBox="0 0 16 16" 1251 fill="none" 1252 xmlns="http://www.w3.org/2000/svg" 1253 > 1254 <path 1255 d="M4 6l4 4 4-4" 1256 stroke="#1a1a1a" 1257 stroke-width="1.5" 1258 stroke-linecap="round" 1259 stroke-linejoin="round" 1260 /> 1261 </svg> 1262 </div> 1263 <div class="faq-answer"> 1264 <p class="faq-answer-text"> 1265 No. Type does not train AI models on your data. All uploads and 1266 documents stay private. Read Type's full privacy policy 1267 <a href="https://type.ai/privacy-policy" target="_blank">here</a>. 1268 </p> 1269 </div> 1270 </div> 1271 </div> 1272</section> 1273
1274<script> 1275 const toggleAnnual = document.getElementById("toggleAnnual"); 1276 const toggleMonthly = document.getElementById("toggleMonthly"); 1277 const billingToggle = document.querySelector(".billing-toggle"); 1278 let isAnnual = true; 1279 1280 function updatePricing() { 1281 const mode = isAnnual ? "annual" : "monthly"; 1282 1283 billingToggle.classList.toggle("monthly", !isAnnual); 1284 toggleAnnual.classList.toggle("active", isAnnual); 1285 toggleMonthly.classList.toggle("active", !isAnnual); 1286 1287 document.querySelectorAll("[data-annual][data-monthly]").forEach((el) => { 1288 const val = el.getAttribute("data-" + mode); 1289 if (el.classList.contains("card-badge")) { 1290 el.textContent = val; 1291 el.style.display = val ? "" : "none"; 1292 } else { 1293 el.textContent = val; 1294 } 1295 }); 1296 } 1297 1298 toggleAnnual.addEventListener("click", () => { 1299 isAnnual = true; 1300 updatePricing(); 1301 }); 1302 toggleMonthly.addEventListener("click", () => { 1303 isAnnual = false; 1304 updatePricing(); 1305 }); 1306 1307 document.querySelectorAll(".faq-item").forEach((item) => { 1308 item.addEventListener("click", (e) => { 1309 if (e.target.tagName === "A") return; 1310 item.classList.toggle("open"); 1311 }); 1312 }); 1313</script>
1313 1314
1315<script> 1316 if (typeof amplitude !== "undefined") { 1317 document.addEventListener("DOMContentLoaded", function () { 1318 amplitude.logEvent("Page View", { 1319 version: 1, 1320 page_name: "Pricing", 1321 page_type: "pricing", 1322 property: "website", 1323 }); 1324 }); 1325 } 1326</script>
1326 1327</div><div class="container t_relative t_embed-container t_pricing-page-mobile-testimonial-container"><div class="t_testimonial-mobile t_testimonial-mobile-pricing-page w-embed w-iframe w-script">
1327<script type="text/javascript" src="https://testimonial.to/js/iframeResizer.min.js"></script>
1327 1328<iframe id='testimonialto-type-tag-all-light-animated' src="https://embed-v2.testimonial.to/w/type?animated=on&horizontal=on&theme=light&shadowColor=ffffff&speed=1&rows=1&tag=all" frameborder="0" scrolling="no" width="100%"></iframe>
1329<script type="text/javascript">iFrameResize({log: false, checkOrigin: false}, '#testimonialto-type-tag-all-light-animated');</script>
1329</div></div></div></div></div><section class="section-6"><div class="w-layout-blockcontainer container-10 w-container"><div class="w-layout-hflex flex-block-3"><div class="w-layout-vflex t_footer-logo-contact"><div class="w-layout-vflex flex-block-7"><a href="/" class="w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/6552b89c2624b95125bb6da0/6959e4e5d73ce68e73391964_Type%20Logo%20Dark%20Mode.png" alt="" class="image-11"/></a></div><div class="w-layout-vflex flex-block-6"><div class="w-layout-hflex flex-block-8"><a href="https://www.youtube.com/@typedotai" target="_blank" class="w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/6552b89c2624b95125bb6da0/697bc83fce3ff5100827abbd_Youtube3.svg" alt=""/></a><a href="https://www.linkedin.com/company/type-ai/" target="_blank" class="w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/6552b89c2624b95125bb6da0/697bb8891f6ec8912809933d_Linkedin.svg" alt=""/></a><a href="https://x.com/typedotai" target="_blank" class="w-inline-block"><img loading="lazy" src="https://cdn.prod.website-files.com/6552b89c2624b95125bb6da0/697bb8765c17878c011fa6e6_X.svg" alt=""/></a></div><p class="paragraph-20">[email protected]</p><p class="paragraph-20">© TypeAI Inc. 2026</p></div></div><div class="w-layout-hflex flex-block-4"><div class="w-layout-vflex t_footer_nav-links"><p class="paragraph-21">Resources</p><div class="w-layout-vflex t_footer-link-wrapper"><a href="/ai-writing-tools" class="link-4">Free writing tools</a><a href="https://blog.type.ai" class="link-4">Blog</a><a href="https://blog.type.ai/faqs" class="link-4">FAQs</a><a href="/templates" class="link-4">Writing templates</a></div></div><div class="w-layout-vflex t_footer_nav-links"><p class="paragraph-21">Company</p><div class="w-layout-vflex t_footer-link-wrapper"><a href="https://www.ycombinator.com/companies/type/jobs" target="_blank" class="link-4">Careers</a><a href="/terms-of-service" class="link-4">Terms of Service</a><a href="/privacy-policy" target="_blank" class="link-4">Privacy Policy</a></div></div></div></div></div></section>
1329<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.5.1.min.dc5e7f18c8.js?site=6552b89c2624b95125bb6da0" type="text/javascript" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
1329<script src="https://cdn.prod.website-files.com/6552b89c2624b95125bb6da0/js/webflow.schunk.c44ef22bb39764ce.js" type="text/javascript" integrity="sha384-tXGzstWBaQwL4wKh0t39GQRR8F5PwaMZ6Vs5IPv0EAIkQxsMyLXB7TjLSVPYWaBL" crossorigin="anonymous"></script>
1329<script src="https://cdn.prod.website-files.com/6552b89c2624b95125bb6da0/js/webflow.schunk.8349a6af6b8a0af6.js" type="text/javascript" integrity="sha384-aOXXk6QqFADtto3OyK18mCV0zUasj66CusKHKa7dhh7tKO0flPdfiA4/dNnGTX+6" crossorigin="anonymous"></script>
1329<script src="https://cdn.prod.website-files.com/6552b89c2624b95125bb6da0/js/webflow.402b46d8.da4b1f3bd66441c4.js" type="text/javascript" integrity="sha384-nMmlvCyoPk0oXeOcEdyPEK8J+WP3+3/tWVuEQcqRbAjbCkbHTif43qZkiQ0DGBF8" crossorigin="anonymous"></script>
1329<!-- Meta Pixel Code --> 1330<noscript> 1331 <img height="1" width="1" style="display:none" 1332 src="https://www.facebook.com/tr?id=969818584320358&ev=PageView&noscript=1" /> 1333</noscript> 1334<!-- End Meta Pixel Code --></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.