Everything you need to build a modern SaaS site
Carefully designed sections, production-ready components, and a layout system that scales with your product.
Clean, scalable page structure
Nine pre-built pages — Home, Features, Pricing, Blog, Changelog, About, Contact, Elements, 404 — wired with consistent hierarchy, spacing, and typography. Add your tenth without re-deciding any of it.
- 9 pre-built page templates
- Token-driven spacing (4 / 8 / 12 / 16 / 24 …)
- 1200px max-width, 800px inner content
- Mobile-first responsive (375 / 768 / 1024 / 1440)
Modular, plug-and-play sections
Every section is a standalone Astro component with a consistent props interface. Reorder Hero, Features, Pricing, Steps, FAQ, FinalCTA without rewriting layout glue.
- 15+ reusable section components
- Consistent props API (title, description, items)
- Mix, match, and reorder without conflicts
- Documented in /elements for quick reference
Content with full MDX support
Blog and changelog powered by Astro 6 Content Layer. Plain Markdown for prose, imported Astro components for interactive bits. No CMS, no plugin sprawl.
- Astro 6 Content Layer with glob loader
- Component imports inside MDX
- TOC + reading progress + share built-in
- Auto RSS feed at /rss.xml
Subtle, purposeful animations
Scroll reveals via AOS, orchestrated entrances via motion.js, and a staggered hero text component. Restraint over spectacle — every animation has a reason.
- AOS scroll reveal with `data-aos-once`
- motion.js for orchestrated timelines
- AnimatedText for hero stagger
- Honors prefers-reduced-motion
Fast by default
Astro ships zero JavaScript by default — interactive islands load only where needed. Tested on Vercel Edge and Cloudflare Pages, scoring Lighthouse 95+ across the board from a fresh install.
- Zero JS by default (Astro Islands)
- Automatic Sharp image optimization
- Static output, deployable anywhere
- Lighthouse 95+ on a fresh install
Token-driven design system
Colors, fonts, spacing, radii, and motion timing are all CSS custom properties documented in docs/DESIGN.md. Rebrand by editing one file — the rest of the site follows.
- ~30 documented CSS tokens
- Tailwind v4 @theme integration
- Built-in dark mode with no flash
- /elements page as live reference
See it in action
Browse the live demo, then fork the repo when you're ready to make it yours.