Skip to content
BetaFree MCP server

Ghost

ghost.org/

Ghost is an open-source publishing platform for blogs and newsletters with built-in paid membership and subscription tools, pitched as software for "professional publishers to create, share, and grow a business around their content." Its trust case rests on a specific, named-publication comparison rather than abstract numbers: it cites 404 Media at 123K members, Tangle earning $281K MRR, and Platformer at 197K members, all running on the platform. It states more than $100 million is earned yearly across Ghost-hosted publications with 0% payment fees, and that it is funded entirely by users with no outside investors — a direct ownership claim tied to its open-source status. The site segments its pitch by audience into Creators, Publishers, and Businesses sections.

Category
Productivity & Collaboration
Style
LightMinimal
Stack
Tailwind CSS
Fonts
InterDisplayInterVariable
Palette
Meta title
Ghost: The best open source blog & newsletter platform
Sections
6
Updated

Ghost's landing page, section by section

Each section below is cropped straight from Ghost's live page — useful references for productivity & collaboration landing page design.

Ghost design review: how the homepage is built

Ghost is the brand on this page, and the desktop capture runs 14,760 pixels top to bottom. Blocks run in order: a white hero with a dark product screenshot, an intro paragraph, a navy theme band, a pale blue editor section, feature rows, a black stats band with publisher, creator and business galleries, and a lime closing call to action above the footer. The colour approach is minimal: white and near-black fields with lime #d1ff19 and yellow #fec137 accents. Typefaces are InterDisplay for headings and InterVariable for body text. Dense publication examples shown as image cards set it apart for its category.

Above the fold

The nav reads "Product", "Explore", "Resources" and "Pricing", with "Sign in" and a black "Get Started — free" button on the right. A yellow pill reads "Just launched: Ghost 6.0 →" above the headline "Turn your audience into a business.", set in heavy black type. Below, a dark dashboard titled "Dashboard" shows "Total members", "Paid members" and "Free members" counters, with "13,041" leading.

Intro paragraph, theme showcase and editor

The intro paragraph "Ghost is a powerful app for professional publishers to create, share, and grow a business around their content." runs in heavy black type. A navy band headed "Complete control over your website and branding." sits beside a "Site design" panel with an accent colour dot. A dense mosaic of theme thumbnails follows, and the pale blue section "Publish by web & email newsletter." introduces an editor mockup.

Feature rows, memberships and analytics

Feature rows follow: "Rich media & dynamic cards." beside stacked image, audio and rating cards, and "Newsletters built-in." beside a send card labelled "The Daily Update". A dark band headed "Transform those clicks into contacts." sits beside a pink email preview reading "Sign in to Ghost". "Manage your memberships." shows a members table, and "Native analytics." pairs an MRR chart with a donut.

Stats, galleries and closing call to action

A black stats band reads "$100,000,000+" above a caption about publications running on Ghost. Three gallery rows follow, "Publishers", "Creators" and "Businesses", with image cards captioned "404 Media", "Gone With The Wynns" and "YCombinator". "A product you can depend on." sits above "No investors. No bullshit." The closing band reads "Last week, 16,718 brand new publications got started with Ghost." above a lime "Start publishing now →" button.

On mobile

At 390px the hero stacks into a short block under the pill, and the dashboard shrinks to a thin strip. Feature rows become single columns, and the pink sign-in preview becomes a plain pink block with a purple "Subscribe" pill. The member table and analytics cards stack, and the integrations icons reduce to a partial row. The lime button spans the full width at the bottom.

Worth borrowing

  • Set a heavy sans headline on white, then place a dark product screenshot directly beneath it.
  • Group image cards by audience, such as Publishers, Creators and Businesses, to prove range without copy.
  • Close on a single lime button set on near-black, with a sign-up count above it.
Getmagicform landing page design
Getmagicform
Productivity & Collaborationgetmagicform.com/
Runner landing page design
Runner
Productivity & Collaborationrunner.now/
Upvoty landing page design
Upvoty
Productivity & Collaborationupvoty.com/
Clickup landing page design
Clickup
Productivity & Collaborationclickup.com/
Notion landing page design
Notion
Productivity & Collaborationnotion.so/
Keystroke landing page design
Keystroke
Productivity & Collaborationkeystroke.ai/