Free AI website templates for AI agencies and consultancies
An AI website template is a ready-made homepage for a company that sells AI work: what you build, how it connects to a client’s systems, the standard you hold it to, real examples and a contact form. These 30 are free, each with a live demo and downloads for Astro, HubSpot and WordPress, with no account or payment.
- Free, no account
- 7 to 10 sections each
- 7 dark, 20 light, 3 mixed
- Coding agent notes in the Astro zip
30 templates
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 30 AI 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 |
|---|---|---|---|---|---|---|---|---|---|
| The Loom | DarkCobalt editorial | 9 | 100 | Inter | 2 | 313 KB | 1.3 MB | 1.1 MB | |
| Stable Axis | LightSignal yellow industrial | 9 | 107 | Inter | 3 | 261 KB | 946 KB | 654 KB | |
| Operating Score | LightIvory editorial serif | 8 | 90 | Bodoni Moda, Inter | 1 | 147 KB | 518 KB | 397 KB | |
| Switchyard | Dark and lightForest green model railway | 9 | 105 | Inter | 4 | 403 KB | 1.3 MB | 990 KB | |
| Living Graft | LightLilac botanical | 7 | 82 | Inter | 2 | 400 KB | 1.2 MB | 1.0 MB | |
| Backstage | Dark and lightTheatrical oxblood | 9 | 91 | Antonio, Inter | 3 | 567 KB | 2.1 MB | 1.5 MB | |
| Breakwater | Dark and lightPetrol coastal editorial | 8 | 94 | Libre Caslon Text, DM Sans | 2 | 382 KB | 1.9 MB | 1.6 MB | |
| Human Handoff | LightTangerine campaign editorial | 8 | 116 | Bodoni Moda, DM Sans | 8 | 221 KB | 836 KB | 551 KB | |
| Geological Folio | LightIce blue scientific engraving | 8 | 92 | Inter | 2 | 603 KB | 2.0 MB | 1.6 MB | |
| Operating Certificate | LightFuchsia bold typographic | 8 | 126 | Barlow Condensed, Inter | 2 | 202 KB | 1.6 MB | 594 KB | |
| Operating Atlas | LightMint swiss cartographic | 8 | 116 | Anton, Barlow Condensed, Inter | 1 | 322 KB | 1.4 MB | 1.3 MB | |
| Possibility Shelter | LightCoral cobalt illustrated | 8 | 93 | Roboto | 7 | 513 KB | 1.3 MB | 876 KB | |
| Continuity Board | LightBlack and ivory industrial | 9 | 97 | Inter, Anton | 3 | 387 KB | 1.0 MB | 744 KB | |
| Built for Continuity | LightApricot ceramic editorial | 9 | 106 | Inter | 2 | 372 KB | 1.1 MB | 869 KB | |
| Pit Stop | LightMotorsport navy editorial | 8 | 103 | Libre Caslon Display, DM Sans | 3 | 474 KB | 2.1 MB | 1.7 MB | |
| Still Point | LightViolet lavender minimalist | 8 | 97 | Inter | 2 | 275 KB | 996 KB | 868 KB | |
| Working Day | DarkGraphite citron documentary | 8 | 118 | Inter | 7 | 385 KB | 1.2 MB | 835 KB | |
| Human Horizon | DarkDark cinematic portrait | 10 | 110 | Libre Caslon Display, DM Sans | 2 | 163 KB | 955 KB | 845 KB | |
| Load Bearing | LightArchitectural ivory editorial | 9 | 106 | Libre Caslon Display, DM Sans | 2 | 321 KB | 1.6 MB | 1.3 MB | |
| Optical Connection | DarkDark cinematic optical | 9 | 104 | Inter | 4 | 285 KB | 1.4 MB | 1.1 MB | |
| Listening Infrastructure | LightCandy pink editorial | 9 | 95 | Libre Caslon Display, DM Sans | 2 | 322 KB | 1.4 MB | 1.1 MB | |
| Control Tower | DarkDark navy aviation | 9 | 98 | Libre Caslon Display, DM Sans | 3 | 301 KB | 1.7 MB | 1.3 MB | |
| 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 | |
| Fast Steady | LightBold typographic poster | 9 | 106 | DM Sans, Libre Caslon Text | 0 | 17 KB | 116 KB | 114 KB | |
| Living Boundary | DarkDark fluorescent microscopy | 9 | 95 | Inter | 3 | 300 KB | 1.4 MB | 1.2 MB | |
| Continuity Splice | LightWarm ivory cinematic serif | 8 | 98 | STIX Two Text, DM Sans | 4 | 295 KB | 1.4 MB | 1.1 MB | |
| Working World | LightIsometric pixel art | 9 | 125 | DM Sans | 9 | 877 KB | 2.1 MB | 1.7 MB |
How to choose an AI website template
All of them tell the same story in a different design, so choose by the look that fits your firm first, then by platform.
Dark or light
7 designs sit on a dark background and 20 on a light one; 3 switch between the two. Filter the gallery by look above.
Imagery you can keep
Each template ships its own generated images with no text, logos or real people in them, so you can launch before you have photography. A few use no image files at all.
Agency, consultancy or product
For a calm, text-led firm see the consulting templates; for an expressive studio, the agency templates; for diagrams and a technical feel, the tech templates.
WordPress
Pick it if a marketer will edit the site: every section is a block with its own fields in the editor, and the theme has page, post, blog and 404 templates.
What every AI website template includes
The thirty share one set of placeholder copy for a company that builds and runs AI systems for other businesses. Each design shows it with its own fictional company name, so the sections below appear in different orders and pairings.
Header
On-page links that scroll to each section and a "Bring us the mess" button that scrolls to the contact form. On a phone the menu opens and closes by touch and keyboard, and Escape closes it.
Hero
One headline, a short intro and the main call to action, in the art direction of each design: textiles, maps, folios, signal towers or plain type.
Six conditions
The benchmark section: context-aware, persistent and autonomous, reliable, integrated, resilient and accountable. Rename the six to your own method.
How it connects
How the company connects AI to the client’s systems, usually as four joined steps drawn in SVG, so the lines meet their dots at every width.
Problems and possibilities
The problems clients bring, each paired with what becomes possible. In several designs these rows open and close.
How we work
How an engagement runs, step by step, from one process to a system your team operates.
Real-world work
Three example clients with the kind of work done for each. The names are fictional placeholders.
Contact form
Labelled fields with required and email checks in the browser and a thank-you message in place of the form. It sends nothing until you connect it.
AI website template or AI website builder?
An AI website builder writes a page for you from a prompt and hosts it on its own service. A template is a finished design that you install, own and edit. These are templates: the files are yours, on your hosting or your HubSpot or WordPress account.
You can still use AI to fill one in. The Astro download includes CLAUDE.md and AGENTS.md, two notes that tell Claude Code or Codex how the project is organized: where each section lives, how the tokens work and the rules to keep (one H1, no framework, forms that send nothing until connected). Ask the agent to replace the placeholder company with yours and keep the layout.
Built for AI agencies, automation studios and AI consultancies
The copy talks about connecting AI to existing systems, keeping people in control and operating what was built. That fits an AI agency, an automation studio, an AI consultancy or an internal AI team page.
What to replace first
The company name and wordmark, the headline, the six conditions (rename them to your own method), the three example clients and the email on the thank-you message.
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.
An Astro project: one component per section, design tokens in global.css, images in public/assets.
Needs Node 22.12 or newer.
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.
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 AI website templates
What is an AI website template?
A ready-made homepage design for a company that builds, sells or runs AI systems. The thirty here hold the sections such a firm needs: a headline about what you build, how it connects to a client’s systems, the standard you hold the work to, example clients, how an engagement runs and a contact form.
Are these AI website templates free?
Free to use and adapt for personal and commercial sites. Each download asks for a first name and work email once, with no account or payment. Framer versions are planned and will appear next to the other three downloads.
Can I use an AI template for an AI automation agency?
The placeholder copy is written for a company that connects AI to a client’s systems and keeps it running, which is the work of an automation agency. Replace the company name, the six conditions and the three example clients with your own.
Can an AI coding tool customize the template for me?
The Astro version ships with CLAUDE.md and AGENTS.md, which describe the project to Claude Code and Codex. Open the folder in either tool and ask it to replace the placeholder company with yours; the notes tell it to keep each section self-contained and to run the build after every change.
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.
Which fonts do the AI templates use?
All from Google Fonts: Anton, Antonio, Barlow Condensed, Bodoni Moda, DM Sans, DM Serif Display, Inter, Libre Caslon Display, Libre Caslon Text, Roboto, Roboto Condensed, STIX Two Text. Each template page lists its own typefaces and the role of each one.
More free template collections
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
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.