Meadow, a calm SaaS theme for Astro
Meadow is for SaaS and consumer products that want to feel approachable. The demo is a resume and interview preparation app. The navigation sits in a floating white capsule above a two-line headline, and a wide photograph of a person working in a meadow rises from the lower half of the first screen.
Further down, three tabs swap a photograph and a short card to explain common problems. The three process steps are tabs too, and each one changes a sample resume workspace beside it. Audience profiles open up in a portrait rail, and six features run down a single vertical line. The page ends with a free and a paid plan, an FAQ, the journal and a soft green call to action. The About page has a story, principles and a gallery that opens in a lightbox.
Who it's for
- Consumer SaaS and productivity apps
- Career, education and coaching products
- Early-stage products that want a warm, calm brand
- Founders who want a product site with scroll motion and plain CSS
What stands out
- The problem and process sections are real tabs, so they work with the arrow keys
- Each pricing button opens the contact form with its plan already chosen
- GSAP and Lenis run the scroll motion and the fades between pages; you can switch each one off, and reduced-motion settings always win
- Every string, image, crop position, price and colour lives in src/config/site.ts, and so do the journal articles, Markdown included
- You can add a language with one registration, right-to-left scripts included, and npm run test:i18n checks the routes with French and Arabic test fixtures
- The contact form runs in demo mode and says so until you connect a provider
What's included
- Astro 7 and TypeScript source, styled with plain CSS
- 11 static pages: Home, About, a paginated Journal with 3 articles, Contact, Privacy, Terms and 404
- Contact form with Formspree, FormSubmit, Netlify Forms or a custom endpoint
- An optional journal you can switch off with one setting
- About page gallery with keyboard, swipe and Escape support
- Your own logo, or the included sprout mark
- Nine original local images and the self-hosted Manrope font, with no remote dependencies
- AGENTS.md and CLAUDE.md guides for AI coding assistants
- Lifetime updates for this theme
- Documentation at aerolaunch.app/docs/themes/meadow
