corporate

English

Within the commercial generic top-level domain (.com), 'keeptier.com' is registered while skipping any subdomain. The registrable portion 'keeptier' spans 8 characters containing 4 vowels alongside four consonants. Breaking it apart gives 2 words: keep, tier. Median word length is 4 characters. No strong language cues emerged from the frequency lists.

revenue

handle

email

website

html/16/00/160006ff-5dae-4a73-b57a-2f97e1cbb10d.html.gz

default-src 'self'; script-src 'self' 'unsafe-inline'; style-src 'self' 'unsafe-inline'; img-src 'self' data: blob:; font-src 'self'; connect-src 'self'; form-action 'self'; frame-ancestors 'none'; base-uri 'self'; object-src 'none'; upgrade-insecure-requests

37ce2fd8d04899661996f639453f59858fa6da7e7222842a7e5a4cd41a0217ce

c5bf445eebcb3872658b2b228e5f34b87eb7b4f21d6edd9906112d5c250aa9e7

viewport

Apple's 30% iOS fee hits Patreon on November 1, 2026. Paste your numbers — see what it costs you, and a 0% platform-fee alternative (Stripe + Discord).

description

theme-color

KeepTier — keep your tier, lose the Apple tax

Apple starts taking 30% of Patreon iOS subs on November 1, 2026. Calculator + a self-hosted web page alternative with 0% platform fee.

twitter:card

twitter:title

Apple starts taking 30% of Patreon iOS subs on November 1, 2026. Calculator + a 0% platform-fee alternative.

twitter:description

twitter:image

Spaceship, Inc.

KEEPTIER.COM

UpCloud Ltd

Joel Pihlajamaa

MNT-UPCLOUD

UPCLOUD-NL-AMS1-NET

KeepTier

A self-hosted, web-only Patreon-alternative membership page that lets creators keep 100% of tier revenue (minus Stripe) and dodge Apple's 30% iOS in-app-purchase fee landing on Patreon November 1, 2026.

Monthly

Annual

Will my fans have to re-subscribe?

What about Discord roles?

Can I keep my Patreon page running in parallel?

What about Patreon's web-only path — isn't that enough?

What if Apple changes the rule again?

How does this compare to Substack, Memberful, or Ko-fi?

What's the lock-in?

Who's behind this?


	(() => {
		/* ── Calculator ──────────────────────────────────────── */
		const calc  = document.getElementById('calc');
		const out   = document.getElementById('receipt-out');
		const msg   = document.getElementById('calc-msg');
		const panel = document.getElementById('share-card-panel');
		const slot   = document.getElementById('share-card-preview-slot');
		const dlBtn  = document.getElementById('share-card-dl');
		const cpyBtn = document.getElementById('share-card-copy');
		const pstBtn = document.getElementById('share-card-post');

		let lastReceipt = null;  // { rev, ios, appleLoss, takeCurrent, takeKeepTier }

		const fmt = n => '$' + Math.round(n).toLocaleString('en-US');
		const pct = n => (n * 100).toFixed(0) + '%';

		const parseMoney = s => {
			const m = String(s).replace(/[^0-9.]/g, '');
			const n = parseFloat(m);
			return Number.isFinite(n) ? n : NaN;
		};
		const parsePct = s => {
			const m = String(s).replace(/[^0-9.]/g, '');
			let n = parseFloat(m);
			if (!Number.isFinite(n)) return NaN;
			if (n > 1 && n <= 100) n = n / 100;
			else if (n > 100) return NaN;
			return n;
		};
		// Handle sanitization: strip @ + URL prefixes, allow only [A-Za-z0-9._-],
		// cap at 28 chars so the stamped card stays on one line at 22px sans.
		const parseHandle = s => {
			if (!s) return '';
			let h = String(s).trim();
			h = h.replace(/^https?:\/\/(?:www\.)?(?:patreon\.com|x\.com|twitter\.com)\//i, '');
			h = h.replace(/\/.*$/, '');
			h = h.replace(/^@+/, '');
			h = h.replace(/[^A-Za-z0-9._-]/g, '');
			return h.slice(0, 28);
		};

		const render = (rev, iosShare, handle) => {
			// Fee constants — all documented in the footer footnote.
			const PATREON_CUT  = 0.08;  // Patreon Pro plan, published
			const APPLE_CUT    = 0.30;  // iOS IAP, effective Nov 1, 2026
			const STRIPE_CUT   = 0.029; // KeepTier pays Stripe, not a platform fee

			const webShare = 1 - iosShare;

			// Monthly loss to Apple (iOS-only, 30% of the iOS slice)
			const appleLoss = rev * iosShare * APPLE_CUT;

			// Creator take-home under each scenario
			const takeCurrent  = rev * (webShare * (1 - PATREON_CUT)
			                          + iosShare * (1 - PATREON_CUT - APPLE_CUT));
			const takeWebOnly  = rev * (1 - PATREON_CUT);
			const takeKeepTier = rev * (1 - STRIPE_CUT);

			const annualApple  = appleLoss * 12;
			const annualKeep   = (takeKeepTier - takeCurrent) * 12;

			const html = `
			<div class="receipt receipt-hero" aria-label="Your monthly receipt">
				<h3>Your November 1 receipt</h3>
				<div class="receipt-row"><span class="label">Gross subscriptions</span><span class="val tnum">${fmt(rev)}/mo</span></div>
				<div class="receipt-row"><span class="label">iOS share</span><span class="val tnum">${pct(iosShare)}</span></div>
				<hr class="receipt-rule">
				<div class="receipt-row"><span class="label">Patreon 8% fee</span><span class="val tnum">−${fmt(rev * PATREON_CUT)}/mo</span></div>
				<div class="receipt-row receipt-loss"><span class="label">Apple 30% fee (iOS only)</span><span class="val tnum">−${fmt(appleLoss)}/mo</span></div>
				<hr class="receipt-rule">
				<div class="receipt-row receipt-total"><span class="label">You keep</span><span class="val tnum">${fmt(takeCurrent)}/mo</span></div>
			</div>

			<p class="receipt-caption">
				That's <span class="tnum" style="color:var(--tax);font-weight:700">${fmt(annualApple)}/yr</span>
				Apple will take starting November 1, 2026 — from the same subscribers paying the same price.
			</p>

			<h2 class="compare-title">Same revenue, three platforms</h2>
			<div class="compare">
				<div class="receipt">
					<h3>Patreon · iOS + web</h3>
					<div class="receipt-row"><span class="label">Platform fee</span><span class="val tnum">8%</span></div>
					<div class="receipt-row receipt-loss"><span class="label">Apple iOS fee</span><span class="val tnum">30% × ${pct(iosShare)}</span></div>
					<hr class="receipt-rule">
					<div class="receipt-row receipt-total"><span class="label">You keep</span><span class="val tnum">${fmt(takeCurrent)}/mo</span></div>
				</div>
				<div class="receipt">
					<h3>Patreon · web only</h3>
					<div class="receipt-row"><span class="label">Platform fee</span><span class="val tnum">8%</span></div>
					<div class="receipt-row"><span class="label">Apple iOS fee</span><span class="val tnum">—</span></div>
					<hr class="receipt-rule">
					<div class="receipt-row receipt-total"><span class="label">You keep</span><span class="val tnum">${fmt(takeWebOnly)}/mo</span></div>
				</div>
				<div class="receipt receipt-winner">
					<h3>KeepTier</h3>
					<div class="receipt-row"><span class="label">Platform fee</span><span class="val tnum" style="color:var(--accent);font-weight:700">0%</span></div>
					<div class="receipt-row"><span class="label">Stripe processing</span><span class="val tnum">~2.9%</span></div>
					<hr class="receipt-rule">
					<div class="receipt-row receipt-keep"><span class="label">You keep</span><span class="val tnum">${fmt(takeKeepTier)}/mo</span></div>
				</div>
			</div>

			<p class="receipt-caption">
				Moving to KeepTier recovers about
				<span class="tnum" style="color:var(--accent);font-weight:700">${fmt(annualKeep)}/yr</span>
				vs. staying on Patreon through November 1 — minus Stripe processing, which you'd pay on any platform.
			</p>
			`;
			out.innerHTML = html;
			out.hidden = false;
			lastReceipt = { rev, ios: iosShare, handle: handle || '', appleLoss, takeCurrent, takeKeepTier };

			// Render the share card immediately as an inline preview, and cache
			// the canvas so the download click doesn't re-render. The canvas is
			// 1200×630 bitmap, scaled by CSS to fit — looks crisp on retina.
			const card = drawShareCard(lastReceipt);
			if (card) {
				card.className = 'share-card-preview';
				card.setAttribute('role', 'img');
				card.setAttribute('aria-label',
					`Share-card preview: ${fmt(appleLoss)} per month to Apple, ${fmt(appleLoss * 12)} per year. 1200 by 630 pixel PNG, will download as-is.`
				);
				slot.replaceChildren(card);
				lastReceipt.canvas = card;
			} else {
				slot.replaceChildren();
			}

			panel.hidden = false;
			msg.textContent = handle
				? `Numbers above are rounded. Preview @${handle}'s receipt card below — download as PNG, or email yourself the Nov 1 playbook.`
				: "Numbers above are rounded. Preview your receipt card below — download as PNG, or email yourself the Nov 1 playbook.";
		};

		/* ── Share card ──────────────────────────────────────────
		   1200×630 canvas per branding.md §5. Drawn client-side on
		   demand — no server, no API, nothing stored. Every calculator
		   run produces its own personalized receipt image the creator
		   can attach to their X/Discord/newsletter post. */
		const TOKENS = {
			bg:     '#0c1014',
			bgElev: '#161b21',
			fg:     '#f1f5f9',
			muted:  '#94a3b8',
			line:   '#1e2630',
			accent: '#10b981',
			tax:    '#ef4444',
		};
		const SANS = 'system-ui, -apple-system, "Segoe UI", Roboto, sans-serif';
		const MONO = 'ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace';
		const fmtCompact = n => '$' + Math.round(n).toLocaleString('en-US');

		const drawShareCard = ({ rev, ios, appleLoss, handle }) => {
			const W = 1200, H = 630;
			const canvas = document.createElement('canvas');
			canvas.width = W;
			canvas.height = H;
			const ctx = canvas.getContext('2d');
			if (!ctx) return null;

			// Background
			ctx.fillStyle = TOKENS.bg;
			ctx.fillRect(0, 0, W, H);

			// Top-left: three-step staircase mark + "KeepTier" wordmark
			const lx = 48, ly = 48;
			const stepW = 22, stepH = 18, gap = 4;
			ctx.lineWidth = 2;
			ctx.strokeStyle = TOKENS.muted;
			ctx.strokeRect(lx,               ly + (stepH + gap) * 2, stepW * 3, stepH);
			ctx.strokeRect(lx + stepW,       ly + (stepH + gap),     stepW * 2, stepH);
			ctx.fillStyle = TOKENS.accent;
			ctx.fillRect(  lx + stepW * 2,   ly,                      stepW,     stepH);

			ctx.fillStyle = TOKENS.fg;
			ctx.font = `700 32px ${SANS}`;
			ctx.textBaseline = 'middle';
			ctx.textAlign = 'left';
			const markH = (stepH + gap) * 2 + stepH;
			ctx.fillText('KeepTier', lx + stepW * 3 + 16, ly + markH / 2);

			// Top-right: URL
			ctx.fillStyle = TOKENS.accent;
			ctx.font = `500 18px ${MONO}`;
			ctx.textAlign = 'right';
			ctx.fillText('keeptier.com', W - 48, ly + markH / 2);

			// Hairline rule under header
			ctx.strokeStyle = TOKENS.line;
			ctx.lineWidth = 1;
			ctx.beginPath();
			ctx.moveTo(48, 140);
			ctx.lineTo(W - 48, 140);
			ctx.stroke();

			// Label above loss: "APPLE STARTS TAKING"
			ctx.fillStyle = TOKENS.muted;
			ctx.font = `700 18px ${SANS}`;
			ctx.textAlign = 'center';
			ctx.textBaseline = 'alphabetic';
			ctx.letterSpacing = '0.12em'; // ignored by Chromium canvas (harmless)
			ctx.fillText('APPLE STARTS TAKING · NOVEMBER 1, 2026', W / 2, 220);

			// Dominant loss number (center, mono bold, --tax)
			const lossText = fmtCompact(appleLoss) + '/mo';
			ctx.fillStyle = TOKENS.tax;
			ctx.font = `700 124px ${MONO}`;
			ctx.textAlign = 'center';
			ctx.textBaseline = 'alphabetic';
			ctx.fillText(lossText, W / 2, 340);

			// Subline: handled creator OR generic "a $X,XXX/mo creator"
			const revStr = fmtCompact(rev);
			const iosStr = Math.round(ios * 100) + '%';
			if (handle) {
				// Handle in accent (branded, one line), stats in muted below it.
				ctx.fillStyle = TOKENS.accent;
				ctx.font = `700 28px ${MONO}`;
				ctx.textAlign = 'center';
				ctx.textBaseline = 'alphabetic';
				ctx.fillText(`@${handle}`, W / 2, 384);
				ctx.fillStyle = TOKENS.muted;
				ctx.font = `500 20px ${SANS}`;
				ctx.fillText(
					`a ${revStr}/mo Patreon creator, ${iosStr} iOS`,
					W / 2,
					418
				);
			} else {
				ctx.fillStyle = TOKENS.muted;
				ctx.font = `500 24px ${SANS}`;
				ctx.textAlign = 'center';
				ctx.textBaseline = 'alphabetic';
				ctx.fillText(
					`a ${revStr}/mo Patreon creator, ${iosStr} iOS`,
					W / 2,
					384
				);
			}

			// Annual context — nudged down when the handled two-line subline is above.
			const annual = appleLoss * 12;
			ctx.fillStyle = TOKENS.fg;
			ctx.font = `400 22px ${SANS}`;
			ctx.textAlign = 'center';
			ctx.fillText(
				`Annual: ${fmtCompact(annual)}/yr to Apple — same subs, same price.`,
				W / 2,
				handle ? 456 : 424
			);

			// Bottom strip: 3-column fee compare
			const stripH = 120;
			const stripY = H - stripH;
			ctx.fillStyle = TOKENS.bgElev;
			ctx.fillRect(0, stripY, W, stripH);
			ctx.strokeStyle = TOKENS.line;
			ctx.lineWidth = 1;
			ctx.beginPath();
			ctx.moveTo(0, stripY);
			ctx.lineTo(W, stripY);
			ctx.stroke();

			const cols = [
				{ label: 'Patreon iOS',  value: '30% + 8%', color: TOKENS.tax    },
				{ label: 'Patreon web',  value: '8%',       color: TOKENS.fg     },
				{ label: 'KeepTier',     value: '0%',       color: TOKENS.accent },
			];
			cols.forEach((c, i) => {
				const cx = W * (2 * i + 1) / (cols.length * 2);
				ctx.fillStyle = TOKENS.muted;
				ctx.font = `500 20px ${SANS}`;
				ctx.textAlign = 'center';
				ctx.textBaseline = 'alphabetic';
				ctx.fillText(c.label, cx, stripY + 44);

				ctx.fillStyle = c.color;
				ctx.font = `700 34px ${MONO}`;
				ctx.fillText(c.value, cx, stripY + 88);
			});

			// Vertical separators in the strip
			ctx.strokeStyle = TOKENS.line;
			ctx.beginPath();
			ctx.moveTo(W / 3, stripY + 20);
			ctx.lineTo(W / 3, stripY + stripH - 20);
			ctx.moveTo(2 * W / 3, stripY + 20);
			ctx.lineTo(2 * W / 3, stripY + stripH - 20);
			ctx.stroke();

			return canvas;
		};

		dlBtn.addEventListener('click', () => {
			if (!lastReceipt) return;
			// Reuse the cached preview canvas if it exists — avoids a second
			// draw-pass for the common path (preview already in DOM, click download).
			const canvas = lastReceipt.canvas || drawShareCard(lastReceipt);
			if (!canvas) {
				alert("Your browser can't render the share card. Try a recent Chrome, Firefox, or Safari.");
				return;
			}
			const fname = lastReceipt.handle
				? `keeptier-${lastReceipt.handle}-${Math.round(lastReceipt.appleLoss)}.png`
				: `keeptier-receipt-${Math.round(lastReceipt.appleLoss)}.png`;
			canvas.toBlob(blob => {
				if (!blob) return;
				const url = URL.createObjectURL(blob);
				const a = document.createElement('a');
				a.href = url;
				a.download = fname;
				document.body.appendChild(a);
				a.click();
				a.remove();
				setTimeout(() => URL.revokeObjectURL(url), 2000);
			}, 'image/png');
		});

		/* ── Copy image to clipboard ────────────────────────────
		   Lets creators paste the share card straight into an X / Discord
		   compose box on desktop without the round-trip through Downloads.
		   Hidden by default; revealed only after we feature-detect both
		   `navigator.clipboard.write` and `ClipboardItem` (with
		   `image/png` reported supported when the API exposes `.supports`).
		   The Promise<Blob> shape inside `ClipboardItem` is the
		   broadly-compatible pattern — Safari requires the user-gesture
		   chain not to be broken by an `await` before constructing the
		   ClipboardItem, so we hand it a Promise that resolves on
		   `canvas.toBlob` later. */
		const clipboardImageOK = (() => {
			try {
				if (!navigator.clipboard || typeof navigator.clipboard.write !== 'function') return false;
				if (typeof window.ClipboardItem !== 'function') return false;
				if (typeof ClipboardItem.supports === 'function' && !ClipboardItem.supports('image/png')) return false;
				return true;
			} catch { return false; }
		})();

		if (clipboardImageOK) {
			cpyBtn.hidden = false;
			const COPY_LABEL_HTML = cpyBtn.innerHTML;
			let cpyResetTimer = null;

			const flashCpyBtn = (text, ok) => {
				cpyBtn.textContent = text;
				cpyBtn.classList.toggle('share-card-btn-copied', ok);
				cpyBtn.classList.toggle('share-card-btn-failed', !ok);
				clearTimeout(cpyResetTimer);
				cpyResetTimer = setTimeout(() => {
					cpyBtn.innerHTML = COPY_LABEL_HTML;
					cpyBtn.classList.remove('share-card-btn-copied', 'share-card-btn-failed');
				}, ok ? 1800 : 2400);
			};

			cpyBtn.addEventListener('click', async () => {
				if (!lastReceipt) return;
				const canvas = lastReceipt.canvas || drawShareCard(lastReceipt);
				if (!canvas) { flashCpyBtn("Couldn't render image — use Download", false); return; }
				const blobPromise = new Promise(resolve => canvas.toBlob(resolve, 'image/png'));
				try {
					await navigator.clipboard.write([new ClipboardItem({ 'image/png': blobPromise })]);
					flashCpyBtn('Copied — paste into your post', true);
				} catch {
					flashCpyBtn('Copy blocked — use Download', false);
				}
			});
		}

		/* ── Post on X ─────────────────────────────────────────
		   Opens the X / Twitter intent URL with the tweet text prefilled
		   against the creator's actual loss number. The X composer is the
		   canonical first-party way to pre-populate a tweet — no API key,
		   no OAuth, no ToS risk. URL pattern: x.com/intent/tweet?text=...
		   (X rewrote from twitter.com/intent in 2024; both still resolve,
		   we use x.com for canonicalness).

		   On browsers with clipboard-image support we ALSO copy the share
		   card to the clipboard first — so the creator lands in the X
		   composer with the text prefilled AND the image one paste away.
		   On everything else it's just text prefill; the creator drags
		   the Downloaded PNG in. Either path is a click-save over typing. */
		const POST_LABEL_HTML = pstBtn.innerHTML;
		let pstResetTimer = null;
		const flashPstBtn = (text, ok) => {
			pstBtn.textContent = text;
			pstBtn.classList.toggle('share-card-btn-copied', ok);
			pstBtn.classList.toggle('share-card-btn-failed', !ok);
			clearTimeout(pstResetTimer);
			pstResetTimer = setTimeout(() => {
				pstBtn.innerHTML = POST_LABEL_HTML;
				pstBtn.classList.remove('share-card-btn-copied', 'share-card-btn-failed');
			}, 2200);
		};

		const composeTweet = ({ appleLoss }) => {
			const lossM = fmt(appleLoss);
			const lossY = fmt(appleLoss * 12);
			return `Apple's about to take ${lossM}/mo from my Patreon starting Nov 1, 2026 — ${lossY}/yr, same fans, same price. Here's my receipt. Calculate yours: https://keeptier.com`;
		};

		pstBtn.addEventListener('click', async () => {
			if (!lastReceipt) return;
			// Best-effort: pre-copy the image so the creator lands in the
			// composer with Cmd+V ready. Failure is silent — the intent URL
			// is the reliable path.
			if (clipboardImageOK) {
				try {
					const canvas = lastReceipt.canvas || drawShareCard(lastReceipt);
					if (canvas) {
						const blobPromise = new Promise(resolve => canvas.toBlob(resolve, 'image/png'));
						await navigator.clipboard.write([new ClipboardItem({ 'image/png': blobPromise })]);
					}
				} catch { /* intent URL still opens below */ }
			}
			const text = composeTweet(lastReceipt);
			const url = 'https://x.com/intent/tweet?text=' + encodeURIComponent(text);
			const win = window.open(url, '_blank', 'noopener,noreferrer');
			if (win) {
				flashPstBtn(clipboardImageOK ? 'Opened X — paste the image' : 'Opened X — attach the PNG', true);
			} else {
				flashPstBtn('Popup blocked — allow popups', false);
			}
		});

		calc.addEventListener('submit', e => {
			e.preventDefault();
			const rev = parseMoney(calc.elements['revenue'].value);
			const ios = parsePct(calc.elements['ios'].value);
			const handle = parseHandle(calc.elements['handle'].value);
			if (!Number.isFinite(rev) || rev <= 0) {
				msg.textContent = "Need a monthly revenue number, e.g. $4,200.";
				return;
			}
			if (!Number.isFinite(ios) || ios < 0 || ios > 1) {
				msg.textContent = "iOS share is a percent between 0 and 100.";
				return;
			}
			render(rev, ios, handle);
			// Scroll the receipt into view but keep header area visible
			requestAnimationFrame(() => {
				out.scrollIntoView({ behavior: 'smooth', block: 'start' });
			});
		});

		/* ── Waitlist ─────────────────────────────────────────── */
		const form = document.getElementById('wl');
		const wlMsg = document.getElementById('wl-msg');
		form.addEventListener('submit', async e => {
			e.preventDefault();
			const honeypot = form.elements['website'].value;
			if (honeypot) { wlMsg.textContent = 'Thanks.'; return; }
			const email = form.elements['email'].value.trim();
			if (!/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(email)) {
				wlMsg.textContent = 'That email doesn\'t look right.';
				return;
			}
			wlMsg.textContent = '…';
			try {
				const r = await fetch('/api/waitlist', {
					method: 'POST',
					headers: { 'content-type': 'application/json' },
					body: JSON.stringify({ email, ref: document.referrer || location.href })
				});
				if (r.ok) {
					wlMsg.textContent = "On the list. First email arrives within 24 hours.";
					form.reset();
				} else {
					wlMsg.textContent = 'Submit failed — try again in a minute.';
				}
			} catch {
				wlMsg.textContent = 'Network error. Try again in a minute.';
			}
		});
	})();
	

Requests	IP Address	Location	AS Autonomous System
5	85.9.209.84	Finland	AS202053UpCloud Ltd
5	1	-	-

Security Scan Report: keeptier.com

Summary

AI Security Verdict

Moderate Risk

Risk Factors

Safety Factors

Details

Screenshot

Page Load Overview

Language Analysis

Primary Language

Detection Details

Website Classification

Primary Category

All Detected Categories

Detected Features

Domain & IP Information

Detected Technologies3

Content Similarity HashesFor malware variant detection

TLSH (Trend Micro Locality Sensitive Hash)

ssdeep (Context Triggered Piecewise Hashing)

sdhash (Similarity Digest Hashing)

Image Hashes

Perceptual Hashes

Other Hashes

Scan History