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
Free one page website templates
A one page website template puts the whole site on one scrolling page: the header links jump to sections on that page instead of opening new pages. Every AI services template here works that way; these 8 are the most compact ones, free for Astro, HubSpot and WordPress, each with a live demo.
- Free download, no account
- Header links scroll to sections
- 7 to 8 sections each
- Astro zips from 194 KB
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
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
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
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
No template matches these filters. Choose another look or type.
The 8 one page website 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 | Look | Sections | Editable fields | Typefaces | Palette | Image files | Astro zip | HubSpot zip | WordPress zip |
|---|---|---|---|---|---|---|---|---|---|
| Living Graft | LightLilac botanical | 7 | 82 | Inter | 2 | 400 KB | 1.2 MB | 1.0 MB | |
| Operating Certificate | LightFuchsia bold typographic | 8 | 126 | Barlow Condensed, Inter | 2 | 202 KB | 1.6 MB | 594 KB | |
| Possibility Shelter | LightCoral cobalt illustrated | 8 | 93 | Roboto | 7 | 513 KB | 1.3 MB | 876 KB | |
| Still Point | LightViolet lavender minimalist | 8 | 97 | Inter | 2 | 275 KB | 996 KB | 868 KB | |
| Laminar Layer | LightScientific alabaster teal | 8 | 103 | Libre Caslon Text, DM Sans | 2 | 194 KB | 909 KB | 732 KB | |
| Harnessed Wind | LightBold burgundy editorial | 8 | 105 | DM Serif Display, DM Sans | 4 | 221 KB | 1.3 MB | 1.0 MB | |
| Expansion Joint | LightUltramarine industrial macro | 8 | 116 | Inter | 2 | 354 KB | 1.6 MB | 1.5 MB | |
| Structure of Flight | DarkEmerald radiograph | 8 | 92 | Roboto Condensed, Inter | 3 | 376 KB | 1.5 MB | 1.4 MB |
How to choose a one page website template
A one page site works when you sell one thing and want one action. Choose the design that tells your story in the fewest screens.
Count the sections
These have 7 to 8 sections. Fewer sections means a shorter scroll; the table above lists the count of each.
Check the phone menu
Open each demo at phone width and use the menu: the links scroll to their sections and the menu closes after a tap.
One action
Every call to action scrolls to the same contact form at the bottom, which is the point of a one page site.
Astro
Pick it if a developer will run the site as static files: one component per section, no UI or CSS framework, and a build that writes plain HTML.
Living GraftAn AI services firm that wants a warm, organic look in place of the usual circuit boards and glowing nodes. 
Operating CertificateAn AI agency that wants a loud, poster-like brand with one bright color and big condensed type. 
Possibility ShelterAn AI agency or studio that wants a warm, friendly page built on illustration instead of photography or dark tech visuals. 
Still PointAn AI consultancy that wants a calm page with one brand color and black and white photography. 
Laminar LayerAn AI firm serving science, health, biotech or research clients, where lab imagery feels at home. 
Harnessed WindAn AI agency that wants a bright, optimistic page with big confident type and strong color. 
Expansion JointAn AI integration or automation firm that sells reliability and wants a concrete, physical image instead of abstract AI art. 
Structure of FlightAn AI firm that wants a striking dark page with one strong image and no stock photos of people or offices. One page website or landing page?
A landing page is a page built for one campaign, often without navigation. A one page website is a whole site on one page, with navigation that scrolls to its sections. These templates are one page websites: the header has links to the sections and a button to the contact form.
Use one as a landing page by removing the header links and keeping the button. Use it as a full site by keeping everything and adding a blog or legal pages later through the WordPress page templates or the HubSpot Page template.
Is a one page website good for SEO?
One page can rank for one topic. If you serve several services or places that people search for separately, give each its own page: the WordPress and HubSpot themes have page templates with the same header and footer for that.
Custom domain
The downloads are files, so they run on any domain you point at your WordPress host, HubSpot account or static host.
How the one page navigation works
Anchor links
Each header link points to the id of a section on the page, so the browser scrolls there and the address shows the section.
Phone menu
Below tablet width the links fold into a menu that opens by touch and keyboard, closes with Escape and closes after a link is tapped.
Reduced motion
Smooth scrolling and the opening animations switch off for visitors who ask their system for reduced motion.
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 · 194 KB to 513 KB
An Astro project: one component per section, design tokens in global.css, images in public/assets.
Needs Node 22.12 or newer.
HubSpot · 909 KB to 1.6 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 · 594 KB to 1.5 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 one page website templates
What is a one page website?
A site whose content sits on one scrolling page, with navigation links that jump to sections on that page. It suits a single offer with a single action, such as a services firm that wants a first conversation.
Where can I download a free one page website template?
Here: each of these 8 has a free zip download for Astro, HubSpot and WordPress and a live demo, with no account or payment. Free to use and adapt for personal and commercial sites.
Is a one page website good for SEO?
It can rank for one topic. A business that wants to rank for several separate searches (different services, different cities) needs a page for each, which the WordPress and HubSpot versions support with their page templates.
Can I add more pages later?
The WordPress theme includes page, post, blog and 404 templates, the HubSpot theme a Page template, and in Astro you copy a section component onto a new page. All of them keep the same header and footer.
Do the header links still scroll in WordPress and HubSpot?
The READMEs record that the menus, the phone menu and the other behaviors of the page work after install on both platforms, and that the homepage matches the static demo pixel for pixel at 1440 and 390 pixels.
More free template collections
30 templates AI website templates
4 templates SaaS templates
4 templates Real estate website templates
38 templates Homepage templates
34 templates Landing page templates
10 templates Consulting website templates
13 templates Agency website templates
10 templates Business homepage 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.