SaaS homepage examples: what the best startup first screens do

The best SaaS homepages do four things on the first screen: a headline with a clear promise, a subhead that says exactly what the product is, one specific piece of proof, and two ways forward. We checked ten funded-startup and SaaS homepages on October 4, 2026. Only four of the ten headlines name the product category, but all ten say what the product is by the end of the subhead. Eight show a number as proof. Eight pair two calls to action under the headline. The most useful pattern for a founder: let the headline promise, let the subhead explain, and put the product itself as close to the top as you can.

For the writing rules behind each line, see our guide on how to write startup website copy. This one looks at what real companies ship.

Why does the first screen matter so much?

Because that is where most of the attention goes. In Nielsen Norman Group’s 2018 eyetracking study, users spent about 57% of their page-viewing time above the fold, and 74% in the first two screenfuls. NN/g’s advice is to reserve the top of the page for “key business and user goals” and keep major calls to action above the fold.

So the first screen has to do the job alone. A visitor who only reads the hero should still leave knowing what you sell, who it is for, why they should believe you and what to click.

How did we pick and check these homepages?

We chose ten funded startups and SaaS companies that sell to founders, developers or operating teams, leaving out the five our copy guide already covers. Each homepage was fetched on October 4, 2026 with an ordinary browser request, and every quoted line was in the page text that day. Homepages change often, so treat this as a snapshot.

• PromiseSupabasePromise up top, the stack in the subhead
• CategoryMercuryEmail field and a live demo in the hero
• VerbsDeelAsks what you need, then routes you
• IdiomLoomSubhead says what it is; the button says free
• Brand lineNotionProof for YC startups and the Fortune 100
• CategoryCursorA working product demo under the headline
• CategoryVercelOne named customer and one number per use case
• New phraseAttioSays "CRM" in the subhead, then shows the app
• Buyer worryRetoolA prompt box you can try in the hero
• Brand lineElevenLabsVoice samples you can play straight away

Headline type and move noted from each company's homepage as shown on October 4, 2026, as cited in the guide.

Embed this chart

Free to use with the credit line. Paste this into your page:

<iframe src="https://alterra.studio/embed/homepage-tiles" title="Ten SaaS first screens, one move each" width="100%" height="640" style="border:0" loading="lazy"></iframe><p>Chart: <a href="https://alterra.studio/insights/saas-homepage-examples">Ten SaaS first screens, one move each</a>, Alterra Studio</p>

What do the ten homepages say, and what does each do well?

Supabase: promise in the headline, the stack in the subhead

Supabase leads with “Build in a weekend / Scale to millions.” The subhead is a plain spec list: “Start your project with a Postgres database,” then Authentication, Data APIs, Edge Functions, Realtime, Storage and Vector embeddings. The two buttons are “Start your project” and “Request a demo,” and further down a customer story says Chatbase “Scaled from zero to $10M ARR on a single Postgres-backed platform.”

What to copy: the headline makes a promise about speed and scale, and the subhead names the actual building blocks, so a developer knows in one line whether it fits.

Mercury: an email field and a live demo in the hero

Mercury’s headline is “Radically different banking,” followed by “Apply online in 10 minutes.” Instead of a button, the hero has an email field with “Open account,” plus “Launch demo,” which opens a demo dashboard. Proof sits lower: “Loved by 300K+ of the most ambitious entrepreneurs on the planet.”

What to copy: a concrete time (“10 minutes”) makes the action feel small, and a demo you can open without talking to anyone serves the visitor who isn’t ready to apply.

Deel: verbs that list the product, then a question

Deel’s headline is “Hire, manage, pay, & equip anyone, anywhere.” Each verb is a product line. Underneath, it asks “What would you like to do with Deel?” with options such as Hire anywhere, Run payroll and Secure visas. Proof is stacked: a 4.8/5 review badge, a Robinhood quote (“Deel is a game changer,” from its SVP of Finance) and “Trusted by 40,000+ companies from startups to enterprise.” The one action is “Book a demo.”

What to copy: for a broad platform, a list of verbs says more than a category name, and a “what do you need” question sends each buyer to the right page.

Loom: an idiom, rescued by the subhead and the CTA

Loom opens with “One video is worth a thousand words.” The headline alone could fit many products. The subhead fixes that: “Easily record and share AI-powered video messages with your teammates and customers.” The action is “Get Loom for free,” next to a Chrome extension link, and proof sits right beside it: “Millions of people across 400,000 companies choose Loom.”

What to copy: if you use a clever line, the very next sentence must say what the product does, and the button can remove the price question by saying “free.”

Notion: proof written for two different buyers

Notion’s headline is “Where teams and agents Think together.” The subhead names the jobs: “Capture context, find answers, and automate tasks with AI built for your team.” Buttons: “Get Notion free” and “Request a demo.” The proof block is the interesting part: “Over 50% of YC companies” sits next to “62% of Fortune 100 use Notion” and “100M users in over 50 countries.”

What to copy: each proof number speaks to a different buyer. The YC figure is for startups, the Fortune 100 figure is for enterprise. Pick proof for the buyer you actually want.

Cursor: the product is the hero

Cursor’s headline is “Cursor is your coding agent for building ambitious software.” Three actions follow: a download button, “Get started” and “Request a demo.” Right under them sits an interactive demo of the desktop app and command line. Proof is logos: “Trusted every day by teams that build world-class software.”

What to copy: name and category in one sentence, then show the product working. For a tool people use all day, a live demo is stronger proof than a statistic.

Vercel: one named customer and one number per use case

Vercel’s headline is “Agentic Infrastructure,” with “Deploy now” and “Talk to sales.” Each section below pairs a use case with a customer result: “Zapier serves over 100 million monthly website visits on Vercel,” and “Mintlify powers documentation for over 20,000 companies on Vercel.”

What to copy: proof that names the customer and the scale, placed beside the exact use case it supports. It reads as evidence, not decoration.

Attio: a new phrase, explained in plain words

Attio leads with “Welcome to agentic revenue,” a phrase most buyers won’t search for. The subhead does the work: “Attio is the CRM that builds pipeline, advances deals, and grows accounts around the clock.” Buttons are “Start for free” and “Talk to sales,” and the product interface appears right under them, with customer stories from companies such as Granola, Modal, Railway and Taskrabbit.

What to copy: if you are coining a category, put the word buyers already know (“CRM”) in the subhead, and show the app so the new phrase has something concrete behind it.

Retool: the buyer’s worry as the headline

Retool’s headline is “Secure your vibe-coded apps.” It names a current fear rather than a category. The hero offers a prompt box (“Explore the new Retool app builder for free”) with starter prompts, and the proof line is “Trusted by 10,000+ teams to generate production-ready AI applications.”

What to copy: when a market is crowded, lead with the objection your buyer already has, and let them try the product in the hero.

ElevenLabs: a brand line, then sound you can play

ElevenLabs opens with “Bringing technology to life,” which on its own says little. The subhead routes three buyers: “Powering the best enterprises, creators, and developers,” naming ElevenAgents, ElevenCreative and its voice generator. The actions are “Sign up” and “Contact sales,” and voice samples by use case (narration, advertising, characters) sit right below. Proof includes “70+ languages” and “10,000+ voices.”

What to copy: for a product you hear or see, a sample beats a sentence. Let the visitor experience it before scrolling.

What pattern do the best SaaS homepages share?

Across the ten, the same structure repeats:

1. The headline promises, the subhead explains. Only Mercury, Deel, Cursor and Vercel name the category in the headline. The other six lead with a promise, an idiom, a buyer worry or a brand line, and every one of them states what the product is by the end of the subhead.
2. The product appears early. Cursor’s demo, Retool’s prompt box, Attio’s interface, ElevenLabs’ voice samples and Mercury’s demo dashboard all sit at or near the top.
3. Proof is specific. Eight of the ten show a number: 300K+ customers, 40,000+ companies, 400,000 companies, 10,000+ teams. The two that don’t, Cursor and Attio, show customer names and the product instead. None leans on “trusted by leading teams” alone.
4. Two ways forward. Eight of the ten put two actions under the headline. Six pair a free start with “Request a demo” or “Talk to sales.” The exceptions are Deel, with one “Book a demo” button and a routing question, and Retool, whose hero is a prompt box.

What should an early-stage startup copy, and what should it skip?

Copy the structure. Skip the tone of the famous names. Notion and ElevenLabs can open with a brand line because buyers already know what they are. If nobody has heard of you, a headline like Cursor’s or Mercury’s, which says what the thing is, does more work.

A first screen you can build this week:

• Headline: the promise, or the category plus the buyer.
• Subhead: what the product is, in words a buyer would search for, plus who it is for.
• Proof: one specific line. A named design partner and one measured result is enough at seed. Never invent a number.
• Product: a screenshot, a short loop, a sample or a demo link, as high as the layout allows.
• Actions: one primary button, plus a lower-commitment path such as a demo, pricing or docs.

For budget, see how much a startup website costs, and for the build, Framer vs Webflow vs Next.js.

How does Alterra Studio help with a homepage?

On a website project, we start with the buyer’s questions and objections, then structure the page to answer them in order. Week one is an audit of your current site, competitors and funnel data, ending in a sitemap and a messaging outline before any page is designed. We shape the messaging with you and write or refine the copy as part of the project.

The same people who design the site build it in Framer, Webflow or Next.js, so the first screen ships the way it was designed. A focused landing page launches in two to three weeks; a full site usually takes four to eight. We price after a short call; see how we price.

The short version

• All ten homepages say what the product is by the end of the subhead, but only four name the category in the headline. Let the headline promise and the subhead explain.
• Eight of the ten show a specific number as proof, and the other two show customer names and the product itself. Nobody relies on “trusted by leading teams.”
• Eight of the ten pair two actions under the headline, usually a free start beside a demo or sales path.
• Put the product near the top: a demo, a prompt box or a sample you can play.
• Copy the structure, not the tone. A brand line works for Notion; an unknown startup should say what it is.

Sources

Checked October 4, 2026. Rechecked October 8, 2026.

• Nielsen Norman Group, Scrolling and Attention (April 15, 2018), eyetracking study: 57% of viewing time above the fold, 74% in the first two screenfuls.
• Homepages, for headlines, subheads, proof lines and calls to action as shown on October 4, 2026: Supabase, Mercury, Deel, Loom, Notion, Cursor, Vercel, Attio, Retool and ElevenLabs.