Tally is a complete SaaS website system for software products that need to feel polished, credible, and ready to launch. The demo uses a client-work workflow example, but the structure is intentionally broader: AI tools, CRMs, analytics products, customer portals, productivity apps, internal tools, vertical SaaS, and B2B platforms can all use the same sections.
A blueprint-style frame, calm dark and light modes, a configurable accent system, and detailed app-style mockups make the site feel like real product software from the first scroll. The mockups work as polished placeholders, but they are not a trap: hero, solutions, feature workflow, process cards, adaptive dashboard, and integrations can all be replaced with real screenshots from src/config/site.ts.
It ships a real site, not just a landing page: homepage, features, pricing, customers, resources, about, contact, blog, changelog, waitlist, legal pages, and a section gallery.
Built on Astro 7 + Tailwind v4 with TypeScript. Every visible string, link, price, menu item, color, image path, form provider, and per-page SEO title reads from a single config file, so branding the whole site is a one-file edit.
Who it's for
- SaaS and B2B software products
- AI tools, CRMs, analytics products, and productivity apps
- Customer portals, dashboards, internal tools, and vertical SaaS
- Founders who need a credible product site with real depth
- Teams that want polished mockups now and real screenshots later
What's distinctive
- Blueprint-framed visual system - dashed section frames, crisp interface panels, a custom Tally logo mark, and product UI that feels designed rather than decorative
- Built-in light/dark mode - persisted header toggle, no flash on load, and tuned light-mode accent values for better contrast
- Configurable accent colors - permanent brand colors live in src/config/site.ts, with a floating preview switcher so visitors can try different palettes
- Swappable product visuals - replace the hero, solution cards, feature workflow, process cards, adaptive dashboard, and integrations with real screenshots by setting image paths
- Detailed live CSS app mockups - dashboards, workflow cards, client records, automations, integrations, and app panels make the page read as real software before final screenshots exist
- Full SaaS page set - features, pricing, customers, resources, about, contact, blog, changelog, waitlist, legal pages, and 404
- Blog and changelog powered by Astro Content Collections
- Provider-switched contact form and newsletter with no backend required
What's included
- Full source: Astro 7 + Tailwind v4 + TypeScript
- 15 page templates: Home, Features, Pricing, Customers, Resources, About, Contact, Blog index + Blog post, Changelog, Waitlist, All-Sections gallery, Privacy, Terms, 404
- 20 configurable sections you can rearrange
- One-file config at src/config/site.ts (no code changes needed for branding)
- Built-in light/dark toggle with localStorage persistence and no flash on load
- Configurable accent palette with dark and light color pairs
- Image-swappable mockups for every major product visual
- Markdown content collections for blog posts and changelog entries
- Contact form wired to Formspree, FormSubmit, or Netlify Forms
- Newsletter component wired to Mailchimp, ConvertKit, or Buttondown
- Self-hosted Outfit and Inter via Fontsource
- Responsive mobile drawer, accessible accordions, scroll reveal, and reduced-motion-aware behavior
- Deploy configs for Vercel, Netlify, and Cloudflare Pages
- Lifetime updates for this theme
- Documentation at aerolaunch.app/docs/themes/tally
