Cirrus is for app and SaaS products that should feel light and trustworthy rather than loud. A soft clouds-gradient hero sits behind a floating pill nav and a real iPhone mockup showing a live-looking finance dashboard, with gentle deposit and spending cards animating beside it. The whole theme leans on the clean Geist typeface, borderless soft-shadow cards and a single sky-blue accent to feel premium from the first scroll.
It's a complete site, not just a landing page: 21 composable sections and 11 page templates, every visible string driven from one config file. Edit `src/config/site.ts` - text, nav, pricing tiers, testimonials, FAQs, footer, social and analytics - and the whole site updates, no component spelunking.
Built on Astro 6 + Tailwind v4 with TypeScript, with a real Astro content-collection blog (cover images, categories, reading time, related posts) and contact + newsletter forms that switch between providers from config.
Who it's for
- Personal-finance and budgeting apps
- Fintech, banking and payments products
- Mobile apps that need an App Store-style landing page
- SaaS startups that want a calm, premium look
- Anyone who wants "trustworthy and effortless" over "loud"
What's distinctive
- Sky-bright hero - a soft, faded clouds backdrop behind a floating pill nav, with a real iPhone mockup (balance, card, transactions) and animated floating UI cards
- 21 composable, config-driven sections - including feature-split deep-dives, a bento grid, an integrations arc, tabbed use-cases, a Cirrus-vs-the-old-way comparison table, a trust band, a metric highlight with a chart, and a team grid
- Live mini-data-visuals - sparklines, donuts, gauges and bar charts rendered in CSS/SVG, no images needed
- Tabbed use-cases that switch personas on click
- A real blog on Astro content collections, with cover images and related posts
- High-contrast, accessible light design with tasteful scroll reveals
- One-file config - brand the entire site without touching a component
What's included
- Full source: Astro 6 + Tailwind v4 + TypeScript
- 11 page templates / 15 routes: Home, Features, Pricing, About (with team), Contact, Blog index + post, All-sections gallery, Privacy, Terms, 404
- 21 reusable sections you can rearrange
- One-file config at src/config/site.ts (no code changes needed for branding)
- Contact form (Formspree / FormSubmit / Netlify) + newsletter (Mailchimp / ConvertKit / Buttondown / Formspree)
- Analytics-ready (Google / Plausible / Umami), SEO, Open Graph, sitemap
- Production-ready deploy configs for Vercel, Netlify and Cloudflare Pages
- Demo sky image and iPhone mockup are free for commercial use and swap-ready (see CREDITS.md)
- Lifetime updates for this theme
- Documentation at aerolaunch.app/docs/themes/cirrus
