Landing page sections: which ones well-made sites use, and in what order
We counted the sections on every home page in our index of hand-picked websites: which kinds they hold, the order they go in, what comes after the hero and before the footer, and how SaaS, AI, studio and portfolio pages differ.
The short answer
A hero, then what the product does, proof that people use it, a call to action and a footer. Of the 51 SaaS home pages in our index, from sites picked for how they look, 73% show features, 57% testimonials and 84% a call to action. Their usual order is hero, logos, features, feature detail, integrations, testimonials, CTA and footer: 43% put logos straight under the hero, and 76% end on a call to action, then the footer. The median SaaS home page has 10 sections; studios and portfolios keep to 5 and 4, and give 55% and 59% of their sections to their work.
What goes on a landing page, and in what order? We counted. 
regards holds the home pages of 323 websites, each
picked by hand for how it looks: SaaS and AI products, studios, portfolios, shops, magazines and more. Every page is cut
into the sections a designer would name, from the hero to the footer, and every section is read for its kind. That’s
2,482 sections, in the order each page shows them.
So these are shares of a library chosen for its design, not of the web at large. They say what well-made sites do, which is not what most sites do. What goes inside the hero, how often it’s dark, moves or runs past one screen, is in our count of hero sections; this one is about the page around it.
What sections should a landing page have?
Most home pages have a hero and a footer: 78% have a hero and 72% a footer. Then a gallery of work (42%), a call to action (42%), features (40%), an about section (29%), testimonials (27%) and a strip of logos (25%). The rest are on fewer than a quarter of pages, from one feature in depth (22%) and posts (20%) down to pricing (9%).
| Hero | 78%251 of 323 |
|---|---|
| Footer | 72%231 of 323 |
| Work gallery | 42%135 of 323 |
| CTA | 42%135 of 323 |
| Features | 40%128 of 323 |
| About | 29%95 of 323 |
| Testimonials | 27%86 of 323 |
| Logos | 25%82 of 323 |
| Feature detail | 22%71 of 323 |
| Blog | 20%65 of 323 |
| Use cases | 11%37 of 323 |
| FAQ | 11%35 of 323 |
| Product demo | 10%33 of 323 |
| Integrations | 10%32 of 323 |
| Stats | 9%30 of 323 |
| How it works | 9%30 of 323 |
| Security | 9%30 of 323 |
| Pricing | 9%30 of 323 |
Much of that is down to the kind of site. Most SaaS home pages have a hero (100%), features (73%) and a call to action (84%). Studio home pages are given to something else: galleries of their work make up 55% of their sections, and 19% of them list features. The tables further down set four kinds of site side by side.
What order should landing page sections go in?
Take each kind of section, find where it first comes in on every page that has it, and line the kinds up by the median page. The ones on a quarter of pages or more, read from the top: hero, logos, work gallery, about, features, testimonials, CTA and footer. The hero opens 76% of all home pages, and of the pages with a footer, 98% end on it.
| Kind of section | |
|---|---|
| Hero | First comes in0%of the way down the page at the median |
| Logos | First comes in13%of the way down the page at the median, the middle half from10% to 20% |
| Work gallery | First comes in20%of the way down the page at the median, the middle half from8% to 38% |
| About | First comes in25%of the way down the page at the median, the middle half from12% to 50% |
| Product demo | First comes in25%of the way down the page at the median, the middle half from17% to 39% |
| Feature detail | First comes in29%of the way down the page at the median, the middle half from20% to 50% |
| Features | First comes in32%of the way down the page at the median, the middle half from20% to 44% |
| How it works | First comes in33%of the way down the page at the median, the middle half from25% to 45% |
| Stats | First comes in36%of the way down the page at the median, the middle half from28% to 57% |
| Integrations | First comes in42%of the way down the page at the median, the middle half from25% to 56% |
| Use cases | First comes in50%of the way down the page at the median, the middle half from25% to 60% |
| Testimonials | First comes in60%of the way down the page at the median, the middle half from47% to 70% |
| Security | First comes in67%of the way down the page at the median, the middle half from56% to 76% |
| Pricing | First comes in67%of the way down the page at the median, the middle half from51% to 74% |
| Blog | First comes in68%of the way down the page at the median, the middle half from50% to 80% |
| FAQ | First comes in82%of the way down the page at the median, the middle half from75% to 86% |
| CTA | First comes in86%of the way down the page at the median, the middle half from75% to 89% |
| Footer | First comes in100%of the way down the page at the median |
The lines say how fixed each place is. Logos keep to a narrow band near the top: on half the pages that have them, they come in between 10% and 20% of the way down. At the median page, calls to action and FAQs come in past four fifths of the way down. About sections wander most, from 12% to 50%. And it’s a composite, not a page anyone made: 4 of the 51 SaaS home pages (8%) hold every kind in the usual SaaS order, in the table further down, and no home page holds every kind in the order above. Pages pick from it; they don’t follow it whole.
What comes after the hero section?
A strip of logos, most often. Of the home pages with something under the hero, 27% put logos straight after it; on SaaS pages it’s 43% and on AI pages 43%. Studios go to the work: 54% of studio pages show it straight under the hero, and 86% of portfolios.
| Logos | 27%60 of 221 |
|---|---|
| Work gallery | 21%46 of 221 |
| Features | 12%27 of 221 |
| About | 12%26 of 221 |
| Feature detail | 5%12 of 221 |
| Product demo | 4%9 of 221 |
| How it works | 2%5 of 221 |
How should a landing page end?
Most often on a call to action, then the footer. Of the home pages with a footer and something above it, 46% put a call to action straight before it. On SaaS pages that’s 80%, on AI pages 66%; studios close on a call to action (26%) about as often as on their work (26%). The next most common are a gallery of work (14%), posts (6%) and an FAQ (6%).
| CTA | 46%107 of 231 |
|---|---|
| Work gallery | 14%32 of 231 |
| Blog | 6%13 of 231 |
| FAQ | 6%13 of 231 |
| About | 5%11 of 231 |
| Contact | 4%9 of 231 |
| Community | 3%7 of 231 |
How many sections should a landing page have?
The median home page has 7 sections, and half of them have between 3 and 10. But that’s two kinds of page added together. SaaS and AI home pages run long: 10 and 9 sections at the median, and 84% of them have seven or more. Studios and portfolios keep it short, at 5 and 4: 44% of them have three sections or fewer, and 48 home pages in the index are a single section, a hero or a wall of work with nothing under it.
| 1 to 3 sections | SaaS and AI home pages:5%6 of 117 Studio and portfolio home pages:44%45 of 103 |
|---|---|
| 4 to 6 sections | SaaS and AI home pages:11%13 of 117 Studio and portfolio home pages:21%22 of 103 |
| 7 to 9 sections | SaaS and AI home pages:34%40 of 117 Studio and portfolio home pages:19%20 of 103 |
| 10 to 12 sections | SaaS and AI home pages:33%39 of 117 Studio and portfolio home pages:8%8 of 103 |
| 13 to 15 sections | SaaS and AI home pages:15%17 of 117 Studio and portfolio home pages:3%3 of 103 |
| 16 or more sections | SaaS and AI home pages:2%2 of 117 Studio and portfolio home pages:5%5 of 103 |
How do SaaS, AI, studio and portfolio landing pages differ?
SaaS and AI pages make much the same case, in much the same order: a hero, logos, features, testimonials, a call to action and the footer. AI pages add a security section 3 times as often (36% against 12%), and use cases (32% against 14%). SaaS pages show integrations more (31% against 23%). Pricing is on the home page of 18% of SaaS sites and 17% of AI ones; the rest leave it off.
Studios and portfolios make a different page, given to the work: galleries of it are 55% of studio sections and 59% of portfolio sections, and 72% and 82% of their home pages have one. 50% of portfolios open on a hero, against 96% of SaaS pages, and 23% open on an about section, a line on who made the work. Portfolios are the smallest group here, 22 pages, so read their shares as rough.
| SaaS | AI | Studios | Portfolios | |
|---|---|---|---|---|
| Home pages counted | 51 | 66 | 81 | 22 |
| Sections, at the median | 10 | 9 | 5 | 4 |
| Hero | 100% | 94% | 63% | 50% |
| Logos | 45% | 48% | 16% | 5% |
| Features | 73% | 68% | 19% | 9% |
| Feature detail | 45% | 42% | 0% | 0% |
| Product demo | 24% | 24% | 1% | 0% |
| Use cases | 14% | 32% | 0% | 0% |
| Integrations | 31% | 23% | 0% | 0% |
| Testimonials | 57% | 47% | 15% | 0% |
| Security | 12% | 36% | 0% | 0% |
| Pricing | 18% | 17% | 6% | 0% |
| FAQ | 18% | 21% | 4% | 0% |
| CTA | 84% | 71% | 19% | 5% |
| Work gallery | 10% | 6% | 72% | 82% |
| About | 20% | 21% | 35% | 36% |
| Blog | 14% | 17% | 17% | 23% |
| Footer | 96% | 92% | 47% | 50% |
| The usual order | |
|---|---|
| SaaS | Hero → Logos → Features → Feature detail → Integrations → Testimonials → CTA → Footer |
| AI | Hero → Logos → Feature detail → Features → Use cases → Testimonials → Security → CTA → Footer |
| Studios | Hero → Work gallery → About → Footer |
| Portfolios | Hero → About → Work gallery → Footer |
How we counted
- The index. The home pages of 323 websites, as regards held them on 9 November 2026: one page a
site, its home page; a site’s other pages aren’t counted. Every site is picked by hand for how it looks. A site taken off
the index isn’t counted, nor
2 home pages whose capture holds nothing but the navigation bar.
- Sections. Every page is cut into the sections a designer would name, and every section is read for its kind, from hero and logos to FAQ and footer: 26 kinds in all. A section that fits none counts towards a page’s length and stays out of the charts.
- Order. A page’s sections go in the order they start down the page. Where a kind comes in is the place of its first section, from 0% for a page’s first section to 100% for its last, on pages of two sections or more. Two sections of one kind in a row count once in what comes after the hero and before the footer.
- The navigation bar is left out. It frames the page rather than taking a place in its order, so it’s in no count, length or chart here. Navigation has a page of its own.
- Kinds of site. Every site is filed under one of 24 kinds, from SaaS, AI, studio and portfolio to shop and magazine. The tables set the four with the most home pages side by side; the rest count towards every home page.
- Shares of our index, not the web. A site gets in for how it looks, so this is what well-made sites do. We count again as the library grows, and the date above moves with it.
Find sections like these
Every section counted here is on regards. Browse the ones we picked by hand, kind by kind: hero sections, navigation bars, logo sections, feature sections, testimonials, pricing sections, FAQ sections, calls to action and footers; for a studio or a portfolio, galleries of work and about sections. Or search every section by look, the way you’d describe it: “a strip of logos on dark”, “an FAQ with
the heading on the left”, “a footer with the name set huge”. The free plan searches the whole library, 10
searches a day; the rest is on the pricing page.
FAQ
What sections should a landing page have?
A hero, features, proof that people use the product, a call to action and a footer. Of the SaaS home pages in our index, 100% have a hero, 73% features, 57% testimonials, 84% a call to action and 96% a footer. Logos are on 45%, integrations on 31%, an FAQ on 18% and pricing on 18%. A studio’s home page is given to its work instead: 72% of them have a gallery of it, and galleries of work are 55% of their sections.
What order should landing page sections go in?
On the SaaS home pages in our index, the usual order is hero, logos, features, feature detail, integrations, testimonials, CTA and footer. 43% of them put a strip of logos straight after the hero, and 80% put a call to action straight before the footer. It is a composite of 51 pages, not a template: 8% of them hold every kind in it.
How many sections should a landing page have?
The median SaaS home page in our index has 10 sections and the median AI one 9, the navigation bar left out. Studio home pages have 5 and portfolios 4. Across every home page the median is 7, and 48 are a single section with nothing under it.
What comes after the hero section?
A strip of logos, most often: on 27% of the home pages in our index with something under the hero, and 43% of SaaS ones. Studios put their work there: 54% of studio home pages show it straight under the hero.
Where do these numbers come from?
From regards: the home pages of 323 websites, each picked by hand for how it looks, cut into 2,482 sections and each section read for its kind. They are shares of that index, counted on 9 November 2026, not of the web at large.