PostHog1. Show the free plan right in the hero
Removing price worry at the first glance gets more people to start.
- Put free plan facts next to the headline
- Say no credit card required
- Offer an install with AI option
What a SaaS homepage hero should include
A SaaS homepage hero needs five things above the fold: a headline that names the outcome or the buyer, a one line subhead that says what the product is, one primary button, a real product visual, and proof such as customer logos. Anything else can move lower on the page.
Updated · By Blake Emal · 6 real examples, each linked to its source
What are the steps
- HeadlineThe outcome or the reader, in plain words.
- SubheadWhat the product is and how it works, in one sentence.
- One primary buttonStart free, Get a demo or Sign up. A second, quieter link is fine.
- Product visualA real screen or short loop beats an abstract illustration because buyers see what they get.
- ProofLogos, a named customer or a sourced number, close to the button.
How do the options compare
| Element | Weak version | Strong version from a real page |
|---|---|---|
| Headline | A feature list | Linear names who builds with it |
| Button | Learn more | PostHog shows the free plan in the hero |
| Time to start | Not mentioned | Mercury puts the time to sign up up front |
| Proof | Below the fold | Loops puts customers right under the hero |
| Scope | One feature | Superhuman promises help everywhere people work |
Which real examples show it
PostHog
Loops2. Show the customers right under the hero
Logos of known teams answer who uses this before anyone asks.
- Put a logo row right under your buttons
- Pick names your buyers admire
- Show the editor right after the logos
Superhuman3. Promise help everywhere people work
One broad promise ties a whole suite together.
- Write one promise that covers every product
- Show the products floating around a person
- Keep a single call to action
Clay4. Sell the system not the feature
Buyers picture an outcome machine instead of a list of tools.
- Write the headline as an outcome
- Pair it with a visual that feels like a machine
- Offer a free trial and a demo side by side
Linear5. Name both users in your headline
Naming agents next to teams tells buyers the product fits how they work now.
- Name every kind of user in one line
- Show the real product under the headline
- Keep the sub line to one short sentence
Mercury6. Put the time to start in the hero
A clear time cost makes signing up feel small.
- Say how long sign up takes
- Place the email field in the hero
- Use a calm visual that fits the brand
Get three ideas for your own product
Open the idea generatorPick a channel and a goal. Get real examples and a plan to fill in. Free, no login.
What else do people ask
Should a SaaS hero have one button or two
One primary button and at most one secondary link. Two equal buttons split attention.
Is a video better than a screenshot in the hero
A short muted loop of the real product works when the value is a workflow. A still screenshot is enough when the value is the result.
Where do customer logos go
Right under the hero or beside the button, so proof sits next to the decision.