Navy, an Astro & Tailwind CSS SaaS template

Navy — SaaS theme for Astro & Tailwind CSS

Navy is a sharp light-mode SaaS template crafted for product-driven startups. With bold typography, structured layouts, and a refined color palette, it helps your product stand out with clarity and trust from day one. Perfect for MVP launches, SaaS platforms, and software tools that need a polished foundation.

Specifications

• Built with Astro v5 + Tailwind CSS v4
• High Lighthouse scores across Performance, Accessibility, Best Practices, and SEO
• Fully responsive and optimized for modern browsers

Benefits

• Essential SaaS pages: landing, pricing, about, contact, blog, changelog, and help center
• Content collections for teams, customers, and integrations
• Reusable components (buttons, links, wrappers, text, etc.) styled with the OKLCH color system
• Built-in search powered by Fuse.js for instant content discovery
• Blog pagination for smoother content navigation
• SEO-ready with Astro SEO, Sitemap, and RSS integrations
• User dashboard support for account-driven platforms
• Clean file structure with ongoing updates and a style guide

Optional CMS

Navy includes a preconfigured .pages.yaml file that automatically connects your content collections to PagesCMS.
When you link your repo in the PagesCMS dashboard, the file is detected instantly—no code changes are needed. You keep a pure Astro + Tailwind CSS setup with the option to use PagesCMS anytime.

Modern color system

The theme uses OKLCH color values to ensure consistent rendering, accessible contrast, and easier theming with Tailwind CSS v4. This makes it flexible to adapt Navy’s confident aesthetic to your brand colors.

Why choose Navy?

• Built on Astro’s static-first performance model for speed and reliability
• Tailwind utilities allow fast customization with minimal overhead
• Structured layouts provide clarity and maintainability as your product scales
• Straightforward setup: clone, install, deploy — no unnecessary tooling
• Perfect for SaaS launches, growing startups, and product-focused teams