Spark is built for SaaS and AI products that want a calm, premium site where the homepage shows the product doing the work. It combines deep indigo and a lime accent on clean white, soft rounded cards, a faint ordered dither, a single sans-serif typeface, an animated playbook canvas, a bento capabilities grid, pixel-sharp product screenshots, a pricing page with a comparison table, about, careers, contact, and industry pages, a searchable Markdown and MDX blog, strong SEO defaults, accessible navigation, and fully static Astro output.
It is ideal for SaaS startups, AI products, customer support platforms, developer tools, and agencies that want a polished product site whose copy lives in config files and is straightforward to customize.
Features
- Centred hero over a faint dither with an announcement pill, a framed product screenshot, a phone mockup, and floating status chips
- Animated playbook canvas with six use cases whose cards and status chips light up in sequence, with ARIA tabs and a pause button
- Bento grid of capabilities with small live visuals: tool calls, guardrail checks, a cycling language word, syncing sources, channel tiles, and a hand-off summary
- Pinned-screenshot platform section that swaps product shots as you scroll through Build, Launch, and Improve
- Five pixel-sharp product screenshots: inbox, playbook editor, channels, insights, and a phone widget
- Count-up result figures, an orbiting integrations ring of real connector icons, and a scrolling customer logo strip
- Feature story card with a portrait above quote cards
- Floating pill header that hides on scroll down, with rounded dropdowns carrying icons and a featured card, and a full-screen mobile menu
- Pricing page with a billing toggle, a raised featured plan, and a comparison table with a sticky plan header and a one-plan view on phones
- About page with a timeline, leadership cards, and a team globe
- Careers page with values, benefits, and roles filterable by team
- Contact page with a topic picker, team inboxes, and offices
- E-commerce industry page template with an intent table and an interactive peak-week chart
- Markdown and MDX blog with a lead post, topic archives, a table of contents with scroll-spy, a reading-progress bar, co-authored bylines, a call-to-action panel, and a share sheet
- Client-side blog search as a keyboard palette and a results page
- Photo blog covers with credits, plus a script that draws icon covers in the theme's style
- Homepage copy, navigation, pricing, and FAQ in config files
- Canonical URLs, sitemap, RSS, robots.txt, Open Graph, Twitter/X cards, and JSON-LD
- Self-hosted Instrument Sans font and Lucide icons with no external requests
- Colour, radius, and type tokens in one stylesheet
- Accessible skip link, landmarks, labelled controls, visible focus states, and keyboard support for every menu, tab set, and dialog
- Animations that pause or settle under reduced motion
- Fully static Astro output with no framework islands
Best Used For
- SaaS startups
- AI product sites
- Customer support and helpdesk software
- AI agent and chatbot platforms
- Developer tools and API platforms
- B2B software companies
- Product launch sites
- E-commerce and retail software
- Agencies building sites for SaaS clients
- Startups that need pricing, careers, and a blog in one build
- Companies moving off a site builder to Astro
- Teams that want a fast, fully static marketing site
