Lumen — AI Agent SaaS Astro Template

About this template

Lumen is a website template for an AI agent or automation startup that sells to careful buyers: health systems, HR teams and security leads. Its copy is written around one idea: the agent drafts the first pass and a person approves it. The look is light and warm, with cream and sand surfaces, an orange accent, Instrument Serif headings and a product UI built in HTML.

It is built with Astro 7, Tailwind CSS 4, GSAP and Lenis, written in TypeScript, with no React. Every page reads its copy from Markdown content collections, and each collection has a schema.

Pages

• Home: a hero with a live approvals-queue app that cycles through three team scenes, a founders' letter, use cases by team, a testimonial slider, a three-step onboarding section, a step-by-step demo, an audit log section, results counters, an integration flow, a demo booking form, a closing call to action and an FAQ
• Use cases: health, HR and security workflows, each with its own panel
• Trust and security: data handling, the audit log, access control, compliance and a security FAQ
• Pricing: plans with a per seat / per agent toggle, what every plan includes, an enterprise panel and pricing questions
• Integrations: 20 tools with logos, filtered by category, and how connections are secured
• Resources: latest posts, guides and webinars, plus a newsletter signup
• Resource page: one static page per article from a single folder (eight samples), with a "keep reading" list
• About: the story, numbers, principles, the team and open roles
• Contact: the demo booking form and other ways to reach the team
• Log in and Sign up
• Privacy and Terms, written in Markdown
• 404

Built in

• Customize panel: a palette button in the header lets visitors try five accent colours or any custom colour, five font pairings and a hero button colour. Choices are saved in the browser, and the favicon follows the colour. The docs explain how to remove it.
• Forms: the demo booking and newsletter forms have required-field checks and sending, sent and error states, and post to any form endpoint you set. Log in and sign up are styled front-end forms.
• Pricing toggle: switch between per-seat and per-agent prices.
• Integration filters: filter the 20 integrations by category.
• Motion: headings that ink in as you scroll, an integration flow drawn with GSAP DrawSVG, number counters through NumberFlow, image wipes, card tilt and spotlight on hover, a halftone hover on buttons, a section index rail, felt characters above the footer whose eyes follow the cursor, page transitions and Lenis smooth scrolling.
• Reduced motion: with the visitor's reduced-motion setting on, the animation scripts don't run and content shows in its final state.

Easy to edit

• Page copy lives in src/content/ as Markdown frontmatter, checked against a schema on every build.
• Adding a Markdown file to src/content/resources/ creates its article page and adds it to the resources list.
• Site name, navigation buttons, footer text and the newsletter endpoint live in src/config/config.json; menus in src/config/menu.json.
• Colours, fonts, shadows and easings are tokens in src/styles/variables.css.
• SEO is set up: per-page titles and descriptions, canonical URLs, Open Graph and Twitter tags, JSON-LD, a sitemap, robots.txt and llms.txt, all built from one site URL.
• An AGENTS.md file and a theme skill for AI coding agents explain where each kind of change goes.

Good to know

• Images: the photos in the download are grey placeholders at the exact size the design uses, labelled with that size. Swap in your own. Integration logos and UI artwork are included.
• Forms: the forms need a form service URL (Formspree, Basin or your own endpoint) before they send anything. Log in and sign up are front-end only.
• Output: the build is a static site with ready configs for Vercel, Netlify and Cloudflare.
• Requirements: Node.js 22.23.4 or newer (what Astro 7 asks for). Bun (lockfile included) or npm.

The download includes documentation that covers setup, content, images, tokens, the customize panel and deploying.