Sable
Motion-rich Astro 7 theme for enterprise AI, automation platforms, operations software, service desks, security products, and modern B2B SaaS teams. Interactive product demos, services, case studies, journal, galleries, and configurable lead capture.
One payment for Sable and everything else - all 29 themes, every future release, and the visual builder included.
See Sable in action
Every page and section is part of the download. Use these as launch-day templates - keep the structure, swap the copy.
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. Its precise typography, pale product surfaces, deep interface panels, controlled violet accents, monochrome imagery, and responsive motion establish a serious B2B identity without leaning on generic startup visuals. The experience is built around product proof: a mouse-responsive hero field leads into an interactive Sable Operator workspace, a configurable workflow builder, detailed platform and service narratives, continuous customer and use-case marquees, six generated case studies, and a complete journal. The production build generates 23 static pages, including five service detail pages, six case-study routes, three Markdown articles, contact and studio pages, legal routes, SEO output, and a custom 404. Shared identity, navigation, content, product visuals, services, case studies, forms, labels, legal copy, metadata, and SEO live in src/config/site.ts, while visual product demos can be replaced with local or remote images when a buyer wants to showcase real software screenshots.
Best Fit 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
- Products that need services, case studies, a journal, and lead capture in one site
Full Page Set
Every page is real and editable - no placeholders, no "coming soon" stubs.
14 Sections Included
Every section is a ready-to-use Astro component. Add it to any page, customize via config, or remove what you don't need.
What's Included
Product Proof Instead of Decorative SaaS Graphics
Sable uses an operator workspace, workflow builder, operational records, service pages, and customer stories to demonstrate how the product behaves. Every major visual can also be replaced with a real local or remote screenshot when the buyer is ready to introduce their own product.
A Complete Enterprise Content System
Five services, six case studies, three journal articles, studio and contact pages, legal routes, galleries, and reusable conversion sections give teams enough structure to launch a serious B2B site without filling in missing pages after purchase.
Motion That Clarifies the Interface
Mouse response, product-state transitions, continuous marquees, smooth scrolling, and controlled reveals reinforce hierarchy and progression. Reduced-motion modes preserve the layout and proof instead of leaving partially disabled interactions behind.
Forms, newsletter, and analytics - pre-wired
Sable is ready to connect to your preferred providers. Pick from the options below, drop in a single API key, and your contact form, newsletter signup, and analytics are live - no backend, no JavaScript, no glue code.
Contact form
The Contact section's <form> renders with no JS. Set one provider in site.ts; the form action wires automatically.
- Formspree50 free submissions / month, no domain restriction
- FormSubmitFree, no signup - just an email confirmation
- Netlify FormsFree 100/month - Netlify hosting only
Newsletter
The Newsletter form sends subscribers directly to your ESP. The email input name auto-adjusts per provider.
- MailchimpStandard EMAIL field; honeypot supported
- ConvertKit (Kit)email_address field; works with any form ID
- Buttondownemail field; lightest, indie-friendly
Analytics
Layout.astro injects the right script tag based on the provider you choose. No client-side branching.
- Google Analytics 4Paste your G-XXXXXXXXXX measurement ID
- PlausiblePrivacy-friendly, ~1 KB script, no cookies
- UmamiSelf-hostable, also cookie-free
Tech Stack
Config-Driven Setup
Every theme uses a single src/config/site.ts file
for customization. Change your brand, navigation, form providers, analytics, and section content
without touching component code.
// src/config/site.ts
export const siteConfig = {
name: "Your Company",
tagline: "Your tagline here",
url: "https://yourdomain.com",
navigation: { sticky: true, links: [...], cta: {...} },
social: { twitter: "...", github: "...", linkedin: "..." },
seo: { title: "...", description: "...", ogImage: "/og.png" },
// ── Provider switches ────────────────────────────────
contactForm: { provider: "formspree", formspreeId: "your-id" },
newsletter: { provider: "convertkit", actionUrl: "https://..." },
analytics: { provider: "plausible", plausibleDomain: "you.com" },
// ── Section data ─────────────────────────────────────
team, video, timeline, comparison, gallery,
carousel, tabs, appDownload, map, footer,
} as const;Full documentation, ready before you buy
Browse the install guide, the site.ts reference, provider setup, deploy instructions, and the Sable-specific page - all live now.
More themes from the collection.
Falcon
Agency / Portfolio / Blog
August
Personal / Portfolio / SaaS
Slab
SaaS / Startup
Vertex
SaaS / Startup
Or get every theme - these included - with the All-Access Pass.