Newsletter website template

Prompt our AI to generate a site for your newsletter instantly

Generate a similar newsletter website

To create a newsletter website like this one, click on the prompt below. You'll be able to edit the text to add your business name and unique details. See our AI instantly create your personalized version of this newsletter website template, which you can customize and launch the same day.

For The Slow Commute, a weekly newsletter about city transit written by Priya Raman, a former transit planner, with 18,400 subscribers, build a home website for the newsletter itself. Subscribing is the primary action everywhere. This is not a news or magazine site. Pages: Home, Archive, About, and Subscribe (free and paid). The hero has no photo: one oversized headline set in Newsreader display at about 8vw. Headline: 'Notes from the 7:42.' Subheadline: 'One essay a week on buses, trains and the cities that run them. Read by 18,400 riders, planners and the occasionally furious.' Directly under it, put an inline email field with the button 'Subscribe free'. Body type is Newsreader, and metadata (issue numbers, dates, read times) uses IBM Plex Mono. The ground is paper #F7F4EE, text is ink #1B1D22, and the accent is transit red #D7372B, used on the subscribe button, issue numbers and the paid tier badge. Below the hero, show the latest three issues as large typographic rows with no thumbnails: issue number, title, a one-line dek and read time. Use real titles like 'No. 212: Why your bus bunches', 'No. 211: The quiet genius of the timed transfer' and 'No. 210: What Bogotá got right'. About has Priya’s portrait in a subway car with natural, slightly cool light, and a short bio. Pricing has two columns: Free (the weekly essay) and Paid at $6 a month or $60 a year (Sunday deep dives and the full archive). The signature moment: the subscribe confirmation is a transit ticket that gets punched. On submit, the field turns into a small ticket stub with the reader’s email, and a circular hole punch animates through it in red. Use the same ticket style for the paid tier card. Motion: issue rows slide up 12px at 300ms ease-out on scroll, and the punch takes 350ms. Under prefers-reduced-motion, the ticket appears already punched. Every title, number and quote should read as real. No placeholders.

Newsletter website template FAQs

A home for your newsletter on the web: a signup form, an archive of past issues, an about page, and paid tiers if you offer them. It gives new readers somewhere to find you outside the inbox, and each archived issue can show up in search.

Start from a newsletter template like this one, with the signup field already at the top of the page and the archive and pricing laid out. Tell B12's AI what you write about and how often, then add your issues and edit everything in the visual editor.

One sentence on what readers get and how often, a signup field near the top, some proof (subscriber count or a reader quote), and links to two or three of your best issues so people can read before they subscribe.

Yes. This template has free and paid tiers side by side. B12 can take recurring payments and put paid issues behind a login, so you can run the whole thing from your own site.

Pick a topic narrow enough that you could write about it every week, choose a schedule you can keep, and set up a signup page before your first issue so early readers have somewhere to land. B12's Website + Client Engagement plan ($78 a month) includes email marketing, so you can collect subscribers and send issues from the same account. See B12 pricing.