Substack UX Teardown: A Reading Product Wired as a Writing Funnel

Load Substack without an account and you get the whole application. Home, Subscriptions, Chat, Activity, Explore, Profile — six destinations down the left rail, laid out exactly as a subscriber sees them. Five of the six do nothing for you. The sixth is a button called Create, and it works. That is not a bug in the signed-out state; it is the signed-out state's entire argument, repeated at every level of the site. I walked four of Substack's public URLs signed out to see how far the pattern goes.

The browse page doesn't browse

Substack publishes /browse as its discovery entry point. It redirects to /explore, and the page that loads leads with a news block: a video card reading "NBC News crew attacked," then three headline rows with thumbnails.

They look like the day's biggest stories. Check where they point and every one is a /search/ URL carrying utm_source=trending-topics. The card about the NBC crew doesn't open that story; it runs a query for the words printed on the card. Pre-typed searches, wearing headline clothes.

This is information scent going wrong (NN/g). A headline with a photograph promises an article; the link delivers a query. The gap is small, which is what makes it corrosive — nothing announces itself as broken, the block just stops being worth clicking. Meanwhile the only actual list of publications on the screen — New Bestsellers, five names with Subscribe buttons — sits in the right rail, below the login card, at sidebar width.

"Top" is not the top of anything you came for

So I went to a category, which is what you do when the front page hasn't handed you anything to read. Technology.

Opening it moves the tab itself. Technology jumps from fourth position to third, ahead of everything except Explore and New Bestsellers, so the strip reorders around the choice. Underneath it sits a second tab row that wasn't on the front page — Top, Recent, Posts — with Top already selected.

Top is Notes. The lead item is a writer quoting another writer inside a black pull-quote card: 88 likes, 4 comments, 15 restacks. Below it, more writers on the subject of writing. The technology newsletters this page exists to surface are elsewhere — under Posts, third of three tabs, on a platform whose product is posts.

The right rail swaps New Bestsellers for "Rising in Technology." Same five-item shape, same Subscribe buttons. The writer leading the feed is also fifth in that list, so the two rankings spend part of their budget on the same person.

The orange button never signs you in

Every one of these surfaces carries an identical card in the right rail: a heading reading "Log in or sign up," a line about joining the discussion, and two buttons. The first is orange and says Start your Substack. The second is grey and says Sign in.

The homepage makes the pattern literal. There is no hero, no pricing, no product tour — substack.com signed out is the Notes feed, and three of the eight blocks in it are Substack selling authorship. A green banner opens the column with "Make money doing the work you believe in." After the third note, a card headed "You made it, you own it." After the fifth, "Great discussions," with a phone mockup in it. Each is drawn at the width of a note, in the same card frame, in feed order.

Visual hierarchy is a statement of priority (NN/g), and this one is unambiguous. On a card whose own heading offers to log you in, the emphasized control recruits a publisher and the de-emphasized one admits a reader. Interleaving the pitch as feed items is that same decision made at the layout level.

Where the path was going

Follow the site's own nav to /about and the reader shell vanishes. No left rail, no feed — a marketing page with its own navigation and an orange Start publishing where the reader chrome used to be.

Four claims sit under the hero: free to start, 90% goes to you, five million paid subscriptions, more than half of new subscribers come from the built-in network. Then two dropdowns preset to 800 subscribers at $7 a month, and the number the whole path has been walking toward, set in the largest type on the page: $4,638 per month. A footnote adds the qualifier the 90% left out — minus credit card fees.

That's not a criticism of the page. It's a writer-acquisition page, and the calculator states its offer as a number instead of an adjective. Four URLs, every one of them a link Substack itself offers a reader, and the path ends on a salary estimate. Nothing along it misdirects.

What this means for your product

Consistency this total means the visitor never gets to be what they came as. Substack's funnel works — same card, same colour, same rank, no exceptions — and most products lose to the opposite problem: a primary action that's orange on the homepage, a link in the nav, and missing from the page where the user finally decides. Take the discipline. It's rarer than it should be.

But the discipline is also what makes the trap airtight, and two labels are carrying it. "Top," which means Notes. "Log in or sign up," whose loudest button does neither. Neither label lies. Both describe the transaction from the house's side.

Your interface has a word it repeats more than any other. Find out whether it names what the user gets, or what you get when they click.

Take it further

The lens behind this teardown — does the interface let a user see what a control does and whether it's the right one — is the UX Clarity framework, the same one we apply in a Full UX Audit. For how that scoring turns into prioritized fixes, read what a real UX audit looks like.

Sources: NN/g — Information Scent · NN/g — Visual Hierarchy.

Ready to find out what your own defaults are optimizing for? Apply for a Full UX Audit →