Aurix — AI SaaS Landing Page HTML Template

Aurix is a single-page HTML template built for modern AI SaaS and AI agent products. The layout leans on editorial typography, a warm amber accent against a deep near-black palette, and a cursor-reactive bento grid that avoids the usual "tailwind template" look.

The template ships as pure HTML, CSS, and vanilla JavaScript with no build step. Everything is organized under assets/ with a single tokenized stylesheet — swap the three CSS custom properties at the top of styles.css and the entire theme re-skins. Typography uses Instrument Serif paired with Inter, loaded via Google Fonts with preconnect.

What's inside

• Hero with animated pulse eyebrow, editorial headline, and a layered product screenshot with a floating terminal-style agent card.
• Bento feature grid — 5 asymmetric cells (wide, tall, standard) with a cursor-tracked amber glow on hover.
• How it works — three numbered steps in serif italic display numerals.
• Testimonials — 3-up quote grid with avatar placeholders.
• Pricing — three-tier plan layout with a featured middle tier that softly lifts and glows.
• FAQ — native <details> accordion with serif plus/cross indicators.
• Closing CTA on a radial-gradient surface.
• Footer — four-column grid with product, company, and resources links.

Design notes

Backgrounds use two soft orbs and an SVG grain overlay for depth, not flat darkness. Every interactive surface has an intentional hover and focus state — nothing uses library defaults. Accessibility is wired in: semantic landmarks, keyboard-visible focus, reduced-motion respect, and alt text on every image.

Use cases

AI agent platforms, LLM SaaS products, developer tools with an AI narrative, automation startups, devtool launches, or any product that wants to feel calm and confident rather than loud.

Replacing images

All visuals live in assets/img/ as labeled SVG placeholders that look intentional on day one. Each <img> is preceded by an HTML comment with the expected dimensions. Drop your product screenshots and headshots in and you're ready to ship.