Axon Studio

About this template

Axon — The AI SaaS template that looks shipped, not staged

Most AI startup templates read like a mockup. Axon reads like a product that's already live: dark, confident, and built with the same restraint real AI companies use once they stop overdesigning their landing page.

What's inside

9 fully designed pages: Home, Features, Pricing, Blog, individual Blog Post, Changelog, Contact, 404, and a full Style Guide so you can see every token, component, and text style in one place before you touch anything.

Two live CMS collections, Blog Posts and Changelog, both pre-populated with real written content, not lorem ipsum. Swap the copy, keep the layout, publish.

A proper component system: a Button component with variants, a Nav component with a real mobile drawer (not a squashed desktop nav), a FAQ accordion, and a Submit button, all built on Framer's variable system so they hold up under reuse.

Every page is responsive across three breakpoints, desktop, tablet, and phone, with layouts that were actually redesigned per breakpoint, not just scaled down.

Design language

One background, one accent. Near-black throughout, with a single lime-green accent color used deliberately on CTAs, active states, and small highlight moments, so the whole template stays legible and doesn't compete with your product screenshots. Typeset in Geist and Geist Mono for a technical, engineered feel that matches what AI/dev-tool buyers expect.

Spacing system

Built on a real vertical rhythm: 112px between major sections, 112/72 in page headers, with a consistent horizontal gutter (80px desktop, 48px tablet, 20px phone) that lines up the nav, footer, and page content edge to edge. Nothing is eyeballed.

Who it's for

AI SaaS products, dev tools, infrastructure companies, and any startup that wants a landing page that looks like a Series A company's site rather than a template.

Price: Free. Remix it, rebrand it, ship it.