// Domstack — parody newsletter platform const { useState, useEffect, useMemo } = React; // ───────────────────────── Icons ───────────────────────── const Ico = { flag: (p) => , chain: (p) => , home: (p) => , inbox: (p) => , chat: (p) => , bell: (p) => , compass: (p) => , user: (p) => , plus: (p) => , search: (p) => , heart: (p) => , heartFill: (p) => , bubble: (p) => , restack: (p) => , share: (p) => , whip: (p) => , collar: (p) => , candle: (p) => , mask: (p) => , rope: (p) => , lock: (p) => , check: (p) => , bookmark: (p) => , trend: (p) => , paddle: (p) => , trio: (p) => , swap: (p) => , }; // ───────────────────────── Data ───────────────────────── // DOM mode — you, the publisher, take competitors apart. const DOM_SERVICES = [ { id:'spank', icon:'paddle', name:'Substack', italic:'Spanking', desc:"Discipline your competitor's growth with consensual, search-optimized correction. We hit where it counts: their open rates.", price:'$49', unit:'/ session', tag:'Most popular' }, { id:'cuck', icon:'mask', name:'Cuck Your', italic:'Substack', desc:"Watch a more virile newsletter take your audience to brunch. You sit. You read. You learn.", price:'$79', unit:'/ month', tag:'Premium' }, { id:'spit', icon:'trio', name:'Spitroasting a', italic:'Substack', desc:"Two creators, one feed, zero shame. Coordinated cross-posting from both ends until they tap out.", price:'$129', unit:'/ campaign', tag:null }, { id:'edge', icon:'candle', name:'Edging Your', italic:'Open Rate', desc:"Almost. Almost. Almost. We hold your audience right at the brink for 14 emails before letting them click.", price:'$39', unit:'/ week', tag:null }, { id:'collar', icon:'collar', name:'Subscribers on a', italic:'Leash', desc:"Retention-focused obedience training. They will sit, stay, and forward to a friend on command.", price:'$59', unit:'/ month', tag:'New' }, { id:'rope', icon:'rope', name:'Tied & True', italic:'Threads', desc:"Shibari for your CTAs. Beautifully bound buttons your readers physically cannot scroll past.", price:'$29', unit:'/ post', tag:null }, { id:'whip', icon:'whip', name:'Crack the', italic:'Whip', desc:"Aggressive churn intervention. We send your lapsed readers a calendar invite they will not decline.", price:'$99', unit:'/ month', tag:null }, { id:'lock', icon:'lock', name:'Chastity for', italic:'Free Tiers', desc:"They want to read. They cannot read. The paywall is the point. Conversion goes up 340%.", price:'$69', unit:'/ month', tag:'Hot' }, { id:'swap', icon:'swap', name:'Switch', italic:'Mode', desc:"For the versatile. We top your competitors on Mondays and bottom for your subscribers on Fridays. Boundaries respected.", price:'$149', unit:'/ month', tag:null }, ]; // SUB mode — you, the publisher, are the one who needs discipline. const SUB_SERVICES = [ { id:'paddle', icon:'paddle', name:'The Editor\'s', italic:'Paddle', desc:"You write run-ons. You know you write run-ons. We will correct that, publicly, in front of your most engaged readers.", price:'$39', unit:'/ session', tag:'Most popular' }, { id:'humil', icon:'mask', name:'Open-Rate', italic:'Humiliation', desc:"Your numbers, posted nightly in a public Slack of 12,000 better writers. You watch them react in real time. Growth.", price:'$59', unit:'/ month', tag:'Premium' }, { id:'bond', icon:'rope', name:'Deadline', italic:'Bondage', desc:"Tied to your editorial calendar with elegant Japanese rope. Cannot get up. Cannot get coffee. Will finish Thursday's draft.", price:'$49', unit:'/ week', tag:null }, { id:'chast', icon:'lock', name:'Dashboard', italic:'Chastity', desc:"Locked out of your own analytics until you publish. You may not refresh. You may not look. You may only write.", price:'$29', unit:'/ month', tag:'New' }, { id:'gag', icon:'collar', name:'The Promotional', italic:'Gag', desc:"We revoke your right to self-promote on X for 30 days. Your work must speak for itself. If it cannot, that is information.", price:'$19', unit:'/ month', tag:null }, { id:'force', icon:'whip', name:'Forced', italic:'Engagement', desc:"You reply to every comment within four minutes. We monitor. We escalate. Your community has never felt so seen.", price:'$45', unit:'/ month', tag:null }, { id:'draft', icon:'candle', name:'Public', italic:'Drafts', desc:"Your worst, ugliest, most exposed first drafts published unedited at 3am. Ego death is the only true editor.", price:'$79', unit:'/ month', tag:'Hot' }, { id:'stool', icon:'trio', name:'Footstool', italic:'Tier', desc:"Permanently ranked below all other newsletters in your category. You exist to elevate them. There is peace in this.", price:'$25', unit:'/ month', tag:null }, { id:'sit', icon:'chain', name:'Sit. Stay.', italic:'Subscribe.', desc:"A small electric collar (figurative) buzzes whenever your retention dips below 40%. You will learn what hooks are.", price:'$99', unit:'/ month', tag:null }, ]; const DOM_POSTS = [ { id:1, author:'Mistress Margolis', initials:'MM', pub:'The Velvet Newsletter', verified:true, time:'2h', tone:'paddle', title: { pre:'I made my competitor ', em:'unsubscribe from themselves', post:'. Here is the exact email.' }, snip:"I have been doing this for 8 years. The trick is not to threaten — that is gauche. The trick is to make them volunteer. Here is the template I have used to extract 14,000 subscribers from a single rival's list, with no platform violations. Bookmark this.", imgTag:'Confession #04', likes: 2418, comments: 312, restacks: 891, }, { id:2, author:'Dommie Long-Form', initials:'DL', pub:'The Discipline', verified:true, time:'5h', tone:'rope', title: { pre:'Every newsletter platform is ', em:'soft', post:'. Mine is not.' }, snip:"Beehiiv? Mild. Ghost? Sweet. ConvertKit? Frankly adorable. I have been writing here for 11 months and the bounce rate is what it is because I told it to be that. Power is choosing your metrics. Today I want to teach you to choose yours.", imgPlaceholder:'[ portrait — author in leather jacket, soft window light ]', likes: 1042, comments: 88, restacks: 240, }, { id:3, author:'The Crop', initials:'TC', pub:'Punishingly Good Prose', verified:false, time:'9h', tone:'collar', title: { pre:'On the ', em:'erotic potential', post:' of a 73% open rate' }, snip:"There is no number in publishing more obscene than 73. It is the number you whisper. The number you do not deserve. I hit it last Tuesday on a 4,000-word essay about my divorce. Here is what I learned about subject lines, longing, and the comma.", likes: 5523, comments: 612, restacks: 1820, }, ]; const SUB_POSTS = [ { id:11, author:'Henry Goodboy', initials:'HG', pub:'Please Punish My Prose', verified:true, time:'1h', tone:'paddle', title: { pre:'I let my editor read ', em:'everything', post:' for 30 days. I am a better man.' }, snip:"She read my drafts. She read my DMs. She read the unsent letter to my father. The open rate doubled. The therapy bill tripled. I have never been more productive. I have never been more seen. Here is the contract I signed, redacted only where strictly necessary.", imgTag:'Submission #07', likes: 1841, comments: 412, restacks: 622, }, { id:12, author:'A Penitent Drafter', initials:'PD', pub:'Below The Fold', verified:false, time:'4h', tone:'rope', title: { pre:'On being ', em:'collared', post:' by my publishing schedule' }, snip:"Tuesday. Friday. Sunday. There is no negotiation. I have not chosen what to write about in 11 weeks; the calendar chooses for me, and I am, perhaps for the first time, finally free. Today's prompt was: 'apologise to your audience.' Reader, I did.", imgPlaceholder:'[ portrait — author kneeling at a vintage typewriter, hands bound, posture excellent ]', likes: 988, comments: 142, restacks: 318, }, { id:13, author:'The Footnote', initials:'TF', pub:'Worthless Words', verified:false, time:'11h', tone:'collar', title: { pre:'Why I ', em:'deserve', post:' to be unsubscribed from' }, snip:"I am, frankly, not very good. My metaphors are tired. My subject lines are vain. I would unsubscribe from me too. And yet — and yet — every Monday, 4,200 of you remain. I do not understand it and I will not insult you by pretending I do. This is a thank-you note. Please be cruel in the comments.", likes: 3240, comments: 891, restacks: 1102, }, ]; const DOM_LEADERBOARD = [ { rank:1, init:'PD', name:'Paddle Daddy', pub:"Discipline Quarterly", sub:'48.2k subs', arr:'▲ 12', up:true }, { rank:2, init:'VV', name:'Velvet Volkov', pub:"The Whip Hand", sub:'31.7k subs', arr:'▲ 4', up:true }, { rank:3, init:'CB', name:'Cordelia Bind', pub:"Knots & Notes", sub:'24.0k subs', arr:'▼ 1', up:false }, { rank:4, init:'OS', name:'Otis Switch', pub:"Both Ways Bulletin", sub:'19.3k subs', arr:'▲ 7', up:true }, { rank:5, init:'MS', name:'Madame Substrate', pub:"Confessions of a Topper", sub:'14.8k subs', arr:'▲ 2', up:true }, ]; const SUB_LEADERBOARD = [ { rank:1, init:'HG', name:'Henry Goodboy', pub:"Please Punish My Prose", sub:'kneeling for 12.4k', arr:'▼ 4', up:false }, { rank:2, init:'TF', name:'The Footnote', pub:"Worthless Words", sub:'4.2k pity-subs', arr:'▼ 2', up:false }, { rank:3, init:'PD', name:'Penitent Drafter', pub:"Below The Fold", sub:'2.8k devoted', arr:'▼ 9', up:false }, { rank:4, init:'YN', name:'Yes-And Nelson', pub:"Apology Weekly", sub:'1.9k forgivers', arr:'▼ 1', up:false }, { rank:5, init:'GB', name:'Good Boy Quarterly',pub:"Threadbare Notes", sub:'1.1k kind souls', arr:'▼ 6', up:false }, ]; // ───────────────────────── Components ───────────────────────── function BrandMark() { return ( {/* chain-link "D" mark */} ); } function Sidebar({ route, setRoute, onCreate }) { const items = [ { id:'home', label:'Home', icon:'home', badge:null }, { id:'inbox', label:'Subscriptions', icon:'inbox', badge:'12' }, { id:'chat', label:'Chat', icon:'chat', badge:null }, { id:'bell', label:'Activity', icon:'bell', badge:'9' }, { id:'comp', label:'Explore', icon:'compass', badge:null }, { id:'me', label:'Profile', icon:'user', badge:null }, ]; return ( ); } const HERO_COPY = { dom: { tag: '★ Now accepting consensual takedowns', h1a: 'Where every ', h1em: 'Substack', h1b: <>
comes to obey., p: "Domstack is the newsletter platform for writers who finish on top. Acquire your rivals' subscribers through structured, ethical, profoundly humiliating cross-promotion. Safe, sane, and search-engine-optimized.", cta: 'Dominate your niche →', cta2: 'Read the rules', }, sub: { tag: '★ Currently accepting punishment', h1a: 'Be the writer you ', h1em: 'deserve', h1b: <>
to punish., p: "You miss deadlines. You bury the lede. You wrote 'utilize' again. Domstack's submissive tier puts you in the firm hands of a senior editor who has read your work and is, frankly, very disappointed in you.", cta: 'Present yourself →', cta2: 'Read the contract', }, }; function Hero({ mode, onPrimary }) { const c = HERO_COPY[mode] || HERO_COPY.dom; return (
{c.tag}

{c.h1a}{c.h1em}{c.h1b}

{c.p}

{/* Decorative illustration: stylized chain + paddle */}
); } const SERVICES_COPY = { dom: { h: <>The Services, p: 'Boutique offerings. Tiered consent. Itemized invoices for tax purposes.' }, sub: { h: <>Available Disciplines, p: 'You will not enjoy these. That is the point. Please confirm pronouns and pain tolerance at checkout.' }, }; function ServicesGrid({ mode, services, onBuy }) { const c = SERVICES_COPY[mode] || SERVICES_COPY.dom; return ( <>

{c.h}

{c.p}

{services.map(s => { const I = Ico[s.icon]; return (
{s.tag && {s.tag}}

{s.name} {s.italic}

{s.desc}

{s.price}{s.unit}
); })}
); } function Avatar({ initials, verified }) { return (
{initials}
); } function Post({ post, onLike, onSub, isLiked, isSubbed }) { return (
{post.author} · {post.pub} · {post.time}

{post.title.pre}{post.title.em}{post.title.post}

{post.snip}

{post.imgTag && (
{post.imgTag}
)} {post.imgPlaceholder && (
{post.imgPlaceholder}
)}
); } const RAIL_COPY = { dom: { searchPh: 'Search rivals to publicly dominate…', cardIcon:'chain', cardKicker:'Take the collar', cardHa:'Join the ', cardHem:'obedient', cardHb:'.', cardP:"Submit your email and one (1) competitor's URL. We handle the rest. Boundaries enforced. Receipts itemized.", cardCta:'Start your Domstack', boardKicker:'Top of the rope', }, sub: { searchPh: 'Search editors to apologize to…', cardIcon:'collar', cardKicker:'Accept your station', cardHa:'Become ', cardHem:'usefully bad', cardHb:'.', cardP:'Submit your worst draft, a recent rejection letter, and any nicknames your mother used. Our editors will take it from there.', cardCta:'Present your drafts', boardKicker:'Most apologetic this week', }, }; function RightRail({ mode, leaderboard, onStart, onSignin }) { const c = RAIL_COPY[mode] || RAIL_COPY.dom; const CardIcon = Ico[c.cardIcon]; return ( ); } // ───────────────────────── Switch → Better Letter takeover ───────────────────────── function BetterLetterTakeover({ onBack }) { return (
You typed "switch." We were hoping you would.

Have you considered just being nice on the internet?

Better Letter is the soft newsletter platform for writers who would prefer not to dominate, submit, or spitroast anyone. Just publish. Drink tea. Reply kindly. Go for a walk.

Switch in 90 seconds → Take a tour No safeword required.
Real story
[ rooftop office, the newsletter that paid for it ]

I was writing Substack a $2,400 check every month.

Sam Holloway · The Compound Brief · 41k subscribers

The month I crossed $24k in revenue, I finally did the math. Twenty-four hundred dollars, gone, every single month, to a platform where I owned nothing. No domain. No real portability. Just a CSV if I ever wanted out. I switched in eleven minutes. Haven't thought about it since.

$2,400 → $49/mo ⚡ 11 min ✓ 41k, yours

Compound commands

One instruction. Multiple actions across your whole stack. Schedule, segment, and analyze without touching a settings panel.

Churn prediction

ML model trained on engagement signals. Know who's drifting before they leave, and exactly what to send them.

5-minute deploy

Automated setup to your own accounts. No DevOps required. You end the session owning every credential.

{/* ── Math strip ── */}

Substack takes

10%

of every dollar your readers pay you

vs

Better Letter charges

$49/mo

flat. We have no idea what you earn.

{/* ── Deed / Certificate ── */}
The ownership model

Every account is yours.
We just orchestrate.

Certificate of Stack Ownership

Better Letter deploys to your accounts. Not ours. Not theirs.

    {[ ['Ghost CMS', 'Your account', false], ['Cloudflare DNS', 'Your account', false], ['Railway (hosting)','Your account', false], ['Resend (email)', 'Your account', false], ['GitHub (backups)', 'Your account', false], ['Payment Gateway', 'Your money', true], ].map(([svc, own, money]) => (
  • {svc}
    • ))}

Better Letter provides orchestration services only. All revenue flows directly to creator-controlled payment gateways.
Cancel anytime. Everything above continues to run.

Any webhook-capable payment processor works: Stripe, Adyen, PayPal, Square, Paddle, or your own. Your gateway, your reader relationships.

{/* ── Pricing ── */}
Pricing

Flat fee.
No percentage.

We have no idea what you earn and we'd like to keep it that way. Pick a tier, we deploy your stack, done.

Starter

$25

per month

  • Self-owned stack deployment
  • Ghost CMS + Cloudflare + Resend
  • Up to 5,000 subscribers
  • Your own payment gateway
Get started

Pro

$49

per month

  • Everything in Starter
  • AI MCP agents + compound commands
  • Churn prediction model
  • Semantic search across archive
  • Unlimited subscribers
  • GitHub automated backups
Get started

Scale

$149

per month

  • Everything in Pro
  • White-label for agencies
  • Multi-publication management
  • Priority support
  • Custom integrations
Get started
Not a parody. Every service in the certificate above deploys to accounts you own and control. We charge $49 a month. We have no idea what you earn and we'd like to keep it that way. Cancel anytime. The stack keeps running because it's yours.
); } // ───────────────────────── App ───────────────────────── const TWEAK_DEFAULTS = /*EDITMODE-BEGIN*/{ "palette": ["#c8163b", "#6b0a1d", "#0a0708"], "intensity": "playful", "fontPair": "garamond" }/*EDITMODE-END*/; function App() { const [t, setTweak] = useTweaks(TWEAK_DEFAULTS); const [route, setRoute] = useState('home'); const [mode, setMode] = useState('dom'); // dom | sub | switch const [liked, setLiked] = useState({}); const [subs, setSubs] = useState({}); const [buy, setBuy] = useState(null); const [toast, setToast] = useState(null); // Apply palette tweaks useEffect(()=>{ const [c1, c2, bg] = t.palette || ['#c8163b','#6b0a1d','#0a0708']; const root = document.documentElement; root.style.setProperty('--crimson', c1); root.style.setProperty('--crimson-2', c2); root.style.setProperty('--bg', bg); }, [t.palette]); // Apply font tweak useEffect(()=>{ const root = document.documentElement; if (t.fontPair === 'playfair') { document.querySelectorAll('.serif, h1, h2, h3, h4, .brand-name, .post-title, .hero h1') .forEach(el => el.style.fontFamily = "'Playfair Display','DM Serif Display',serif"); } }, [t.fontPair]); const showToast = (msg) => { setToast(msg); setTimeout(()=>setToast(null), 2400); }; const onLike = (id) => { setLiked(prev => ({...prev, [id]: !prev[id]})); }; const onSub = (id) => { setSubs(prev => ({...prev, [id]: !prev[id]})); showToast(subs[id] ? 'Unsubscribed. Their loss.' : 'Subscribed. Welcome to the dungeon.'); }; const onBuy = (svc) => setBuy(svc); const onConfirmBuy = () => { showToast(`Booked: ${buy.name} ${buy.italic}. Invoice sent.`); setBuy(null); }; const onStart = () => showToast('Starting your Domstack… please choose a safeword.'); return (
{mode === 'switch' && {setMode('dom'); showToast('Welcome home. The dungeon missed you.');}} />}
{mode === 'dom' ? 'Active session' : mode === 'sub' ? 'Awaiting orders' : 'Looking for the exit'} Help For writers
For you · fresh Following Confessions NEW Discipline

{mode==='sub' ? <>From the confessional : <>From the feed}

{mode==='sub' ? 'Writers in active repentance. Drafts shared without dignity.' : 'Subscribers we admire. Newsletters we have, technically, ruined.'}

{(mode==='sub' ? SUB_POSTS : DOM_POSTS).map(p => ( ))}

{mode==='sub' ? 'You may stop reading now.' : 'That is enough for one day.'}

{mode==='sub' ? 'You did not earn this rest. Take it anyway. Tomorrow we draft.' : 'You have been very, very good. Read tomorrow\'s at 06:30 sharp.'}

— The Editors, Domstack
{buy && (
{ if(e.target===e.currentTarget) setBuy(null); }}>
{React.createElement(Ico[buy.icon])}

{buy.name} {buy.italic}

{buy.desc}

{buy.price}{buy.unit} Consensual · Reversible
  • Pre-session contract & emoji-coded safewords
  • White-glove competitor outreach (literally; we wear gloves)
  • Aftercare: a follow-up email and a vegan brownie
  • 30-day no-questions-asked safewording policy
)} {toast && (
{toast}
)} setTweak('palette', v)} /> {setTweak('intensity', v); showToast(`Intensity: ${v}`);}} /> setTweak('fontPair', v)} />
); } ReactDOM.createRoot(document.getElementById('root')).render();