Conversation Circle
A light, chat-led SaaS homepage: speech bubbles and curved connectors around a large serif headline.
- Astro
- HubSpot
- WordPress
- Framer soon
Free landing page templates
A landing page template is a ready-made single page built around one action: a headline, the case for it, proof and one form or button at the end. These 34 are free: 30 AI services pages that end on a contact form and 4 SaaS pages that end on a free trial, each with a live demo and Astro, HubSpot and WordPress zips.
- Free, no account or share wall
- One main action per page
- 7 to 13 sections to keep or cut
- Free to use and adapt for personal and commercial sites
Type
Look
34 templates
A Fine Balance
A gallery-style SaaS homepage: hanging violet, apricot and green sculptures on warm white, with mono captions.
- Astro
- HubSpot
- WordPress
- Framer soon
Answer Garden
A botanical SaaS homepage: giant leaf silhouettes, a stepped serif headline and aubergine on citron.
- Astro
- HubSpot
- WordPress
- Framer soon
Quiet Current
A cinematic SaaS homepage: a right-aligned serif title over dark water, square edges and silver currents.
- Astro
- HubSpot
- WordPress
- Framer soon
Stable Axis
A signal yellow AI services page with a steel gyroscope hero, heavy black type and one dark band holding a node diagram.
- Astro
- HubSpot
- WordPress
- Framer soon
Operating Score
An ivory, print-like AI consulting page with Bodoni headlines, one ink music score drawing and thin vermilion accents.
- Astro
- HubSpot
- WordPress
- Framer soon
Switchyard
A forest green AI services page built on model railway photos: rails, points and lime wagons, with an ivory middle.
- Astro
- HubSpot
- WordPress
- Framer soon
Living Graft
A pale lilac AI services page with a botanical graft photo, aubergine headlines, copper buttons and a dark benchmark panel.
- Astro
- HubSpot
- WordPress
- Framer soon
Breakwater
An aerial photo of a curved concrete breakwater fills the first screen, then cream pages with petrol and coral serif type.
- Astro
- HubSpot
- WordPress
- Framer soon
Human Handoff
A tangerine campaign page: huge black italic headline over two hands passing an ivory block, then cream and orange bands.
- Astro
- HubSpot
- WordPress
- Framer soon
Geological Folio
An ice-blue science folio: an engraved geological cutaway with a yellow stratum and red core under a light navy headline.
- Astro
- HubSpot
- WordPress
- Framer soon
Operating Certificate
A fuchsia, type-led page: a huge condensed black headline beside a tilted paper certificate with six green check marks.
- Astro
- HubSpot
- WordPress
- Framer soon
Operating Atlas
A Swiss poster on mint: a huge condensed headline beside an etched city map, and one vermilion route running down the page.
- Astro
- HubSpot
- WordPress
- Framer soon
Possibility Shelter
A cut-paper illustrated page on ivory: a coral canopy shields four people at work from a storm of cobalt brush marks.
- Astro
- HubSpot
- WordPress
- Framer soon
Continuity Board
Black and ivory AI services homepage with a full-width split-flap board spelling WORK and small electric violet squares.
- Astro
- HubSpot
- WordPress
- Framer soon
Built for Continuity
Pale apricot AI services homepage led by a navy ceramic bowl mended with silver seams, with light Inter type and one navy band.
- Astro
- HubSpot
- WordPress
- Framer soon
Still Point
Violet and lavender AI services homepage: a black and white atrium photo with one still person, light Inter type and fine rules.
- Astro
- HubSpot
- WordPress
- Framer soon
Working Day
Graphite AI services homepage with giant citron headlines and documentary photos of people in service, billing and warehouses.
- Astro
- HubSpot
- WordPress
- Framer soon
Human Horizon
Near-black AI services homepage opening on a giant black and white eye, with electric cyan serif headlines and fine rules.
- Astro
- HubSpot
- WordPress
- Framer soon
Load Bearing
A high-key architectural page: a symmetrical concrete viaduct frames a centered olive serif headline on ivory and sage.
- Astro
- HubSpot
- WordPress
- Framer soon
Optical Connection
A near-black and cherry page: a glass slab bends warm peach light into beams, with large ivory Inter type at right.
- Astro
- HubSpot
- WordPress
- Framer soon
Listening Infrastructure
A candy-pink page: a white radio telescope dish sweeps in from the lower left under indigo serif type and acid-yellow buttons.
- Astro
- HubSpot
- WordPress
- Framer soon
Control Tower
A dark navy page: an air traffic control tower at peach dusk, pale citrine serif headlines and a gold wayfinding line.
- Astro
- HubSpot
- WordPress
- Framer soon
Laminar Layer
An alabaster page: coral dye resolving into droplets in a microfluidic channel, with dark teal serif and coral accents.
- Astro
- HubSpot
- WordPress
- Framer soon
Harnessed Wind
A bright sea-glass sky page: a vermilion parafoil kite on taut lines beside a bold burgundy serif headline.
- Astro
- HubSpot
- WordPress
- Framer soon
Expansion Joint
Mineral gray and ultramarine page over a macro photo of an orange expansion joint set between two concrete slabs.
- Astro
- HubSpot
- WordPress
- Framer soon
Structure of Flight
Deep emerald page with mint X-ray art of a bird wing, a wing joint and a feather, light condensed type and vermilion buttons.
- Astro
- HubSpot
- WordPress
- Framer soon
Fast Steady
Type-only poster page: a huge italic "Fast." on coral over a heavy "Steady." on butter, split by a navy band.
- Astro
- HubSpot
- WordPress
- Framer soon
Living Boundary
Near-black plum page with a glowing acid-lime cell membrane in the hero and fluorescent cell networks down the right edge.
- Astro
- HubSpot
- WordPress
- Framer soon
Continuity Splice
Warm ivory page with a looping amber film strip of workplace frames, chocolate serif headings and powder-blue buttons.
- Astro
- HubSpot
- WordPress
- Framer soon
Working World
Pale lavender page with an isometric pixel-art office island, forest green type and a coral route line down the left.
- Astro
- HubSpot
- WordPress
- Framer soon
No template matches these filters. Choose another look or type.
The 34 landing page templates compared
Editable fields are the fields of the HubSpot modules and WordPress blocks, where words, links and images change without code. The sizes are the download links.
| Template | Type | Look | Sections | Editable fields | Typefaces | Palette | Image files | Astro zip | HubSpot zip | WordPress zip |
|---|---|---|---|---|---|---|---|---|---|---|
| Conversation Circle | SaaS | Light | 13 | 257 | Fraunces, Manrope | 2 | 51 KB | 220 KB | 164 KB | |
| A Fine Balance | SaaS | Light | 13 | 266 | Urbanist, Space Mono | 6 | 123 KB | 694 KB | 351 KB | |
| Answer Garden | SaaS | Light | 13 | 291 | Young Serif, Karla | 8 | 623 KB | 3.5 MB | 972 KB | |
| Quiet Current | SaaS | Dark | 11 | 226 | Cormorant Garamond, DM Sans | 6 | 606 KB | 2.2 MB | 1.6 MB | |
| The Loom | AI services | DarkCobalt editorial | 9 | 100 | Inter | 2 | 313 KB | 1.3 MB | 1.1 MB | |
| Stable Axis | AI services | LightSignal yellow industrial | 9 | 107 | Inter | 3 | 261 KB | 946 KB | 654 KB | |
| Operating Score | AI services | LightIvory editorial serif | 8 | 90 | Bodoni Moda, Inter | 1 | 147 KB | 518 KB | 397 KB | |
| Switchyard | AI services | Dark and lightForest green model railway | 9 | 105 | Inter | 4 | 403 KB | 1.3 MB | 990 KB | |
| Living Graft | AI services | LightLilac botanical | 7 | 82 | Inter | 2 | 400 KB | 1.2 MB | 1.0 MB | |
| Backstage | AI services | Dark and lightTheatrical oxblood | 9 | 91 | Antonio, Inter | 3 | 567 KB | 2.1 MB | 1.5 MB | |
| Breakwater | AI services | Dark and lightPetrol coastal editorial | 8 | 94 | Libre Caslon Text, DM Sans | 2 | 382 KB | 1.9 MB | 1.6 MB | |
| Human Handoff | AI services | LightTangerine campaign editorial | 8 | 116 | Bodoni Moda, DM Sans | 8 | 221 KB | 836 KB | 551 KB | |
| Geological Folio | AI services | LightIce blue scientific engraving | 8 | 92 | Inter | 2 | 603 KB | 2.0 MB | 1.6 MB | |
| Operating Certificate | AI services | LightFuchsia bold typographic | 8 | 126 | Barlow Condensed, Inter | 2 | 202 KB | 1.6 MB | 594 KB | |
| Operating Atlas | AI services | LightMint swiss cartographic | 8 | 116 | Anton, Barlow Condensed, Inter | 1 | 322 KB | 1.4 MB | 1.3 MB | |
| Possibility Shelter | AI services | LightCoral cobalt illustrated | 8 | 93 | Roboto | 7 | 513 KB | 1.3 MB | 876 KB | |
| Continuity Board | AI services | LightBlack and ivory industrial | 9 | 97 | Inter, Anton | 3 | 387 KB | 1.0 MB | 744 KB | |
| Built for Continuity | AI services | LightApricot ceramic editorial | 9 | 106 | Inter | 2 | 372 KB | 1.1 MB | 869 KB | |
| Pit Stop | AI services | LightMotorsport navy editorial | 8 | 103 | Libre Caslon Display, DM Sans | 3 | 474 KB | 2.1 MB | 1.7 MB | |
| Still Point | AI services | LightViolet lavender minimalist | 8 | 97 | Inter | 2 | 275 KB | 996 KB | 868 KB | |
| Working Day | AI services | DarkGraphite citron documentary | 8 | 118 | Inter | 7 | 385 KB | 1.2 MB | 835 KB | |
| Human Horizon | AI services | DarkDark cinematic portrait | 10 | 110 | Libre Caslon Display, DM Sans | 2 | 163 KB | 955 KB | 845 KB | |
| Load Bearing | AI services | LightArchitectural ivory editorial | 9 | 106 | Libre Caslon Display, DM Sans | 2 | 321 KB | 1.6 MB | 1.3 MB | |
| Optical Connection | AI services | DarkDark cinematic optical | 9 | 104 | Inter | 4 | 285 KB | 1.4 MB | 1.1 MB | |
| Listening Infrastructure | AI services | LightCandy pink editorial | 9 | 95 | Libre Caslon Display, DM Sans | 2 | 322 KB | 1.4 MB | 1.1 MB | |
| Control Tower | AI services | DarkDark navy aviation | 9 | 98 | Libre Caslon Display, DM Sans | 3 | 301 KB | 1.7 MB | 1.3 MB | |
| Laminar Layer | AI services | LightScientific alabaster teal | 8 | 103 | Libre Caslon Text, DM Sans | 2 | 194 KB | 909 KB | 732 KB | |
| Harnessed Wind | AI services | LightBold burgundy editorial | 8 | 105 | DM Serif Display, DM Sans | 4 | 221 KB | 1.3 MB | 1.0 MB | |
| Expansion Joint | AI services | LightUltramarine industrial macro | 8 | 116 | Inter | 2 | 354 KB | 1.6 MB | 1.5 MB | |
| Structure of Flight | AI services | DarkEmerald radiograph | 8 | 92 | Roboto Condensed, Inter | 3 | 376 KB | 1.5 MB | 1.4 MB | |
| Fast Steady | AI services | LightBold typographic poster | 9 | 106 | DM Sans, Libre Caslon Text | 0 | 17 KB | 116 KB | 114 KB | |
| Living Boundary | AI services | DarkDark fluorescent microscopy | 9 | 95 | Inter | 3 | 300 KB | 1.4 MB | 1.2 MB | |
| Continuity Splice | AI services | LightWarm ivory cinematic serif | 8 | 98 | STIX Two Text, DM Sans | 4 | 295 KB | 1.4 MB | 1.1 MB | |
| Working World | AI services | LightIsometric pixel art | 9 | 125 | DM Sans | 9 | 877 KB | 2.1 MB | 1.7 MB |
How to choose a landing page template
Pick by the action the campaign asks for, then cut the page down to what that visitor needs to take it.
Ask for a conversation
The AI services designs end on a contact form with labelled fields, browser checks and a thank-you message. Connect it to your CRM or form tool.
Ask for a trial or a demo
The SaaS designs (Conversation Circle, A Fine Balance, Answer Garden, Quiet Current) end on "Start free trial" and "Book a demo", with pricing and an FAQ above.
Match the ad
Rewrite the hero headline to repeat the promise of the ad or email that sent the visitor, word for word where you can.
Real estate campaigns
The real estate templates carry three actions (search, valuation, newsletter), so they are left out here. The real estate page shows how to cut one down to a seller or buyer landing page.
How to turn a template into a campaign landing page
Six edits, the same on every platform, because every section stands on its own.
Remove the header links
Keep the wordmark and the main button. In WordPress and HubSpot, empty the link fields of the header and the links disappear.
Rewrite the hero for the campaign
One headline that matches the ad, one line on who it is for, one button that scrolls to the form.
Keep the proof, cut the rest
Keep the sections that answer the visitor’s doubt (examples, the six conditions, pricing) and delete the others.
Point every button at one place
Every call to action already goes to the contact form or the trial link. Keep it that way.
Connect the form
The forms send nothing until connected: replace them with your HubSpot form, WordPress form plugin or form service.
Set the page title and description
In Astro edit src/pages/index.astro; in WordPress use an SEO plugin; in HubSpot use the page settings. Then add your tracking.
HubSpot and WordPress landing page notes
| HubSpot | WordPress | |
|---|---|---|
| Where the page lives | Landing pages are a separate tool from website pages, and the plan decides which you have. The theme’s Home and Page templates are what you build from. | A normal page. Add the section blocks to any page, or use the theme’s front page for a single-page site. |
| Hide the navigation | Empty the header link fields in the global header, or clone the page and remove the header row. | Empty the link fields in the Header block in Appearance > Editor. |
| The form | Put HubSpot’s form module in the contact row so leads land in your contacts. | Replace the contact section with your form plugin’s block. |
| Several campaigns | Clone the page per campaign; header and footer stay global. | Duplicate the page per campaign; the blocks keep their own fields. |
What a landing page template should include
A headline that matches the source
The ad, email or post that sent the visitor makes a promise; the headline repeats it.
Who it is for
One line that lets the right visitor know they are in the right place.
Proof
Examples, numbers you can source or quotes with permission. The templates hold placeholders for each.
Objections answered
An FAQ or a standard section that answers what stops people from acting.
One action
A form or a trial button, repeated, never competing with a second goal.
Fast and readable on a phone
Plain HTML and CSS with no framework, checked from 360 to 1920 pixels with no sideways scroll.
Astro, HubSpot or WordPress
Every template here comes in all three versions, built from the same page, so the design and copy match on each platform. See the HubSpot themes and the WordPress block themes for the install steps.
Astro · 17 KB to 877 KB
An Astro project: one component per section, design tokens in global.css, images in public/assets.
Needs Node 22.12 or newer.
HubSpot · 116 KB to 3.5 MB
A HubSpot CMS theme: one module per section, each with its own fields, plus Home and Page templates.
Needs a free HubSpot account and Node.js 20 or newer for the HubSpot CLI.
WordPress · 114 KB to 1.7 MB
A WordPress block theme: one block per section with its fields in the editor, plus page, post, blog and 404 templates.
Needs WordPress 6.6 or newer and PHP 7.4 or newer.
Questions about landing page templates
What is a landing page template?
A ready-made single page built around one action, such as a form or a trial button, that you fill in with your own words and images. The ones here are complete pages you install on Astro, HubSpot or WordPress.
Where can I get a free landing page template?
Each of these 34 has a free zip download for Astro, HubSpot and WordPress and a live demo, with no account, payment or share wall. Free to use and adapt for personal and commercial sites.
What is the difference between a landing page and a homepage?
A homepage introduces the whole company and links to the rest of the site. A landing page serves one campaign and asks for one action, often with no navigation. These templates are homepages built around one action, so they become landing pages once you remove the header links.
Can I use these landing page templates in WordPress?
The WordPress version is a block theme for WordPress 6.6 or newer. Each section is a block with fields in the editor, so you can build a landing page from the blocks on any page and empty the header links.
Can I use them as HubSpot landing page templates?
Upload the theme with the HubSpot CLI and build from its templates. Landing pages are a separate tool in HubSpot and depend on your plan, so check your account; the READMEs walk through website pages, which a free account supports.
Do the contact forms send messages?
The forms check required fields and the email format, then show a thank-you message, and they send nothing. Connect them to your form service, CRM or HubSpot form before you publish: in Astro replace the submit handler in the contact section’s script, in WordPress and HubSpot replace the form with your provider’s form.
More free template collections
30 templates AI website templates
4 templates SaaS templates
4 templates Real estate website templates
38 templates Homepage templates
10 templates Consulting website templates
13 templates Agency website templates
10 templates Business homepage templates
8 templates One page website templates
4 templates Minimalist website templates
13 templates Tech website templates
38 templates HubSpot themes
38 templates WordPress block themes
Want the whole site built around your buyers instead? Growigami's website service builds the home, about, product, blog, resources and contact pages and moves your old content over.
All website templates
Start with one process.
We learn the business and build your first go-to-market process on us this month.