Back to themes

Wayline - Dark SaaS Workspace Astro Theme

A dark, cinematic SaaS theme for Astro 7, with a layered dusk hero, a working workflow preview, four use-case tabs, monthly and yearly pricing, a journal and a changelog.


Cost

Paid


Created by
AeroLaunch

Wayline is a dark, cinematic Astro theme for SaaS products. The first screen is built in three layers: a dusk valley behind the headline, a working product interface in the middle and autumn foliage in front, moving at different speeds as you scroll.


The workflow interface is real HTML, not a screenshot. Visitors switch processes, open each step, zoom the canvas and run a five-step sample, and four use-case tabs rebuild it with their own steps. Below come three solution cards, six integrations, three plans with a monthly and yearly switch, six FAQs, the latest articles and releases, a contact invitation and a closing band.


Who it's for


  • SaaS products with a workflow or automation story
  • Collaboration and productivity tools
  • B2B startups that publish a journal and a changelog
  • Products that will add more languages later


What stands out


  • The workflow preview in the hero is interactive: switch processes, open steps, zoom and run a sample
  • Four use-case tabs (People and HR, Sales and revenue, Operations, Customer experience) work with the arrow keys
  • Every string, price, use case, workflow step, article and release lives in src/config/site.ts
  • Adding an article or a release is one entry in that file, and its page is built from it
  • Every page has a matching language route, and right-to-left languages work too
  • GSAP parallax and reveals, Lenis smooth scrolling and page fades, all switched off by reduced-motion settings


What's included


  • Astro 7, Tailwind CSS 4 and TypeScript source
  • 12 static pages: the homepage, the journal and three articles, the changelog and three release pages, contact, privacy and terms
  • Signup dialog and contact form with an honest demo mode and a configurable endpoint
  • Lora and Inter bundled locally, with original local images
  • Page metadata, canonical URLs once you set your address, and responsive layouts
  • AGENTS.md and CLAUDE.md guides for AI coding assistants
  • Tests, a README and a license
  • Lifetime updates for this theme
  • Documentation at aerolaunch.app/docs/themes/wayline


Also available as an HTML edition and a Next.js edition


The same design comes as plain HTML, CSS and JavaScript files with no build step, and as a Next.js 16 and React 19 project. Both are sold on the same page.