Sable is a complete Astro website system for enterprise AI products, automation platforms, service desks, security software, and operational SaaS teams that need to make a complex product feel calm, credible, and usable. Precise typography, pale product surfaces, deep interface panels, restrained violet accents, monochrome imagery, and responsive motion create a serious B2B identity without leaning on generic startup visuals.
Product proof drives the experience. A mouse-responsive hero leads into an interactive Sable Operator workspace with switchable scenarios and animated execution states. A configurable workflow builder explains governed automation clearly, while continuous customer and use-case marquees, detailed platform narratives, service pages, and complete case studies give buyers enough structure to explain both the product and the outcomes it creates. The supplied interface demonstrations can also be replaced with local or remote product screenshots from the central configuration.
It ships as a complete site rather than a single landing page: 23 generated static pages, five service detail pages, six case-study routes, three Markdown journal articles, platform, studio, and contact pages, legal routes, sitemap and robots output, SEO metadata, and a custom 404.
Built with Astro 7, Tailwind CSS 4, TypeScript, GSAP, and Lenis. Shared brand details, navigation, homepage content, product demonstrations, imagery, services, case studies, forms, interface labels, footer content, legal copy, metadata, and SEO settings live in src/config/site.ts. Services, work, and journal entries use Astro Content Collections for structured, repeatable content.
Who it's for
- Enterprise AI and automation platforms
- IT operations, service desk, and employee lifecycle products
- Security, access governance, and compliance software
- B2B SaaS teams selling complex operational workflows
- AI consultancies and implementation partners
- Technical products that need services, case studies, editorial content, and lead capture in one site
What's distinctive
- A mouse-responsive hero field that reacts horizontally without leaving an abrupt gradient edge at the bottom of the section
- An interactive Sable Operator workspace with switchable scenarios, animated execution states, and reduced-motion fallbacks
- A configurable workflow builder that demonstrates connected actions, review gates, outcomes, and governed automation
- Replaceable product-demo sections that can use the supplied interfaces or local and remote product screenshots
- Continuous customer and use-case marquees that loop without an empty gap or visible restart
- Five service pages and six complete case studies with metrics, outcomes, galleries, captions, and next-item navigation
- Accessible gallery lightboxes with keyboard navigation, mobile swipe gestures, captions, focus management, and viewport-safe controls
- Controlled GSAP reveals, Lenis smooth scrolling, tactile hover states, and deliberate reduced-motion behavior
What's included
- Full source: Astro 7 + Tailwind CSS 4 + TypeScript + GSAP + Lenis
- 23 generated static pages: Home, Platform, Services, five Service Detail pages, Work, six Case Study pages, Journal, three Journal Articles, Studio, Contact, Privacy, Terms, and 404
- Five configurable services and six structured case studies powered by Astro Content Collections
- Three Markdown journal articles with a complete editorial index and generated article routes
- One-file shared configuration at src/config/site.ts for identity, navigation, homepage content, product demos, images, services, case studies, forms, footer, legal content, metadata, accessibility labels, and SEO
- Product-demo sections that can be replaced with local public images or complete remote image URLs without rebuilding the surrounding layout
- Contact form modes for Formspree, FormSubmit, Netlify Forms, a custom endpoint, or a safe local demo
- Accessible case-study lightboxes with keyboard controls, mobile swipe, captions, focus management, and viewport-safe navigation
- Centralized, replaceable Unsplash photography throughout the demo, with support for local project assets
- Self-hosted Geist Variable and JetBrains Mono Variable via Fontsource
- Responsive navigation, mobile layouts, keyboard-friendly interactions, continuous marquees, smooth scrolling, and reduced-motion support
- Static sitemap and robots output plus editable canonical, Open Graph, and social metadata
- Deployment scripts for Cloudflare Pages and compatibility with Netlify, Vercel, GitHub Pages, or another static host
- Lifetime updates for this theme
- Documentation at aerolaunch.app/docs/themes/sable
