All kits

Newsletter / media

CreatorPress

A sharp home page that grows your subscriber list.

Best for: Writers who want a publication-grade home for their newsletter.

The Margin

Your inbox has 200 unread. This is the one you'll open.

Subscribe free
Open live preview

Overview

CreatorPress treats your newsletter like the publication it is. The 'Press' theme — sharp black type, a single red accent, generous editorial rhythm — makes the writing feel weighty. The flow grows the list: a subscribe-first hero, recent issues, the topics you cover, social proof, and a closing call to subscribe.

Who it's for

Newsletter writersNiche media brandsCreators & journalistsSolo publishers

Highlights

  • Problem-led hero — the full inbox, then the one email worth opening
  • Latest-issues preview + full archive
  • Topics you cover, with one oversized reader quote as proof
  • Newsletter FAQ (deliverability, list ownership, pricing, Pro)
  • Reader home, issue detail & Pro subscribe screens
  • Sharp editorial 'Press' theme tokens

Pages included

  • Home
  • Sign in
  • Sign up
  • Terms of Service
  • Privacy Policy
  • Reader home
  • Issue detail
  • Archive
  • Subscribe (Pro)
  • Themed 404 / 500 / loading

Built with

Next.js 16React 19Tailwind v4TypeScript

What you'll get

A launch kit is more than code. Here's exactly what's in the box and what it takes to get it live.

CreatorPress Launch Kit

v1.0.0 · Single-project license

Coming soon

In the box

  • Next.js source codeThe complete, typed project — yours to keep and edit.
  • Content configEvery word, link, and price in one editable file.
  • Theme configColors, fonts, and shape as simple design tokens.
  • Auth screensThemed sign in & sign up — split layout, ready to wire up.
  • Legal starter pagesPractical Terms & Privacy you can customize, not legal advice.
  • 4 niche product screensDesigned for this kit — e.g. a dashboard, detail, or checkout.
  • Themed error & loading screensMatching 404, 500, and loading states — not generic fallbacks.
  • Guides + launch checklistCustomization, deployment, launch checklist, and troubleshooting.
  • DESIGN.md + AGENTS.mdSystem-design map + agent operating rules and starter prompts.
  • License + changelogPlain-language usage terms (placeholder) and version history.

To launch it

  • Difficulty: beginner
  • Setup time: About 30 minutes
  • Deploys to: Vercel · Netlify
  • Guides: 4 included
  • Support: Standard email support and optional setup help.
Request early access

Downloads open when checkout launches.

Customization & requirements

Everything renders from one config file, so editing copy, pricing, sections, or the theme is a data change — no component rewiring.

You'll need

Node 20+A code editorGitHub accountVercel account (free)An email tool (Substack, Beehiiv, etc.)

You can customize

Publication name & voiceLatest issuesTopicsSubscriber countConnect the subscribe form

Built for AI agents

Customizing with Claude, Cursor, or another agent is the intended path — the kit tells the agent what it may touch. Use the “Build it with AI” button in the sidebar for a ready-made starter prompt.

  • AGENTS.mdOperating rules, project map, starter prompts.
  • DESIGN.mdDesign system and theming contract — tokens only.
  • configThe safe editing zone: copy, links, pricing, and theme as data — AGENTS.md names the files.

Launch checklist

Every kit ships with a practical, step-by-step checklist so you know exactly what to change before you go live.

Launch checklist

18 steps

Make it yours

  • Replace the logo and favicon
  • Update your business / brand name
  • Rewrite the hero copy
  • Update services, features, and pricing
  • Set your real contact email
  • Swap placeholder images for your own

Metadata & SEO

  • Update the page title and description
  • Set your Open Graph share image
  • Point metadataBase at your real domain

Quality check

  • Test the responsive layout on mobile
  • Test every button and contact CTA
  • Run a quick Lighthouse pass

Make it your publication

  • Connect the subscribe form to your ESPThe hero, CTA, and footer all POST to one endpoint — point it at Substack, Beehiiv, Kit, or your own API.
  • Set up your sending domain so issues land in the inboxAdd SPF, DKIM, and a DMARC record before your first send — it's the difference between 62% open rate and the spam folder.
  • Swap the demo issues, topics, and subscriber countThe Margin's numbers reconcile across screens — keep yours honest the same way (don't ship a count you can't prove).

Launch

  • Deploy to Vercel
  • Connect your custom domain
  • Do a final launch reviewOpen the live URL in a fresh browser

Ships with the kit as a Markdown checklist — tick it off as you go.

Don't want to set it up yourself?

Once you've got the kit, we can get it live for you. Tell us what you're building and we'll handle the technical bits.

  • Customize the kit to your brand
  • Replace content, copy, and images
  • Deploy it live on Vercel
  • Connect your custom domain
  • Walk your launch checklist with you
Request setup help

No commitment — we'll reply with options and a quote.

Related kits

Not quite it? Nearby on the shelf.

Browse the full gallery