ST AI Agency — Astro theme for AI agencies
ST AI Agency is a free, open-source Astro theme for AI agencies, AI automation studios, AI consultancies and AI agent platforms. It pairs a warm orange, cream and deep-brown palette with editorial typography, so your site doesn't look like every other AI startup template.
The theme is built around one strong homepage that walks a visitor from the promise to the proof to the price. A Markdown blog sits alongside it for your insights and case notes.
What's on the homepage
Every section is its own component and draws its content from a typed data file.
- Hero. A full-bleed photo tinted in the brand gradient, with the headline, two calls to action, credential badges and four headline stats.
- Client strip. A row of client word-marks.
- Solutions. Numbered editorial rows that reveal a preview image on hover.
- Platform. A split layout with an arched image and a feature checklist.
- Process. Three steps on an orange gradient band.
- Customer results. Dark case-study cards with before-and-after metrics.
- Statistics. A row of big numbers.
- Industry sectors. Image cards for the industries you serve.
- Testimonial. A large pull quote with an arched portrait.
- Team. Portrait cards for each team member.
- Pricing. Three plans, with a highlighted "most popular" card.
- Insights. The three latest blog posts, pulled in automatically.
- FAQ. An accessible accordion.
- Contact. A demo-request form with your contact details.
- Final call to action and footer. A closing CTA band, then a footer with a newsletter sign-up.
Blog included
- Posts are Markdown files managed with Astro Content Collections. The frontmatter is validated, so a typo fails the build instead of reaching production.
- The blog index has a featured post and a category filter.
- Post pages include:
- breadcrumbs
- author, date and reading time
- tags
- previous and next links
- related posts
- a call to action
- Eight demo articles about AI agents and automation are included.
Built for production
- Fast. Static output with no UI framework. Pages ship about 3 KB of vanilla JavaScript.
- Optimised assets. Fonts are self-hosted and preloaded. Images are local WebP files, and those below the fold are lazy-loaded.
- SEO. Every page has a canonical URL, Open Graph and Twitter cards, and JSON-LD structured data (Organization, WebSite, BlogPosting and BreadcrumbList). The theme also generates a sitemap, `robots.txt` and an RSS feed.
- Accessible.
- Semantic landmarks and a skip link.
- A keyboard-friendly mobile menu that traps focus and closes with Escape.
- An FAQ accordion that announces whether each answer is open.
- Visible focus styles.
- Reduced-motion support.
- Pages stay readable with JavaScript turned off.
- Honest forms. The contact and newsletter forms run in demo mode until you connect Formspree, Netlify Forms, Web3Forms or your own API.
- Deploys anywhere. Works on Vercel, Netlify, Cloudflare Pages, GitHub Pages and any static host, including sub-path deployments.
Easy to make your own
- Brand, contact details, social links, SEO defaults and the main call to action live in one config file.
- Homepage copy and lists live in plain TypeScript data files, one per section.
- Colours and fonts are CSS design tokens, so you can rebrand by changing a few values.
- The logo, icons and artwork are custom SVGs that follow your colour tokens. No icon library is needed.
Licensing
The theme is MIT-licensed. The demo photos are CC0 from pxhere, and the fonts (Outfit and Inter Tight) use the SIL Open Font License. You can use it on client and commercial projects at no cost.
Live demo: https://st-ai-agency.vercel.app
Source: https://github.com/striviothemes/ST-AI-Agency
