Navy, an Astro & Tailwind CSS SaaS template

Navy is a sharp, structured template designed for modern startups aiming to launch quickly and establish a strong presence.

Navy page preview
Navy page preview
Navy page preview
Navy page preview
Navy page preview
Navy page preview
Navy page preview
Navy page preview
Navy page preview

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
Photo of Steve Ruiz

Love the design work

Steve Ruiz

Founder at tldraw.com

Photo of Fred Schott

Michael has been dropping some amazing premium themes for Astro lately.

Fred Schott

CEO of Astro.build

Photo of Guillermo Rauch

Chief, nice work.

Guillermo Rauch

vercel.com

Photo of Alex Hughes

Lexington Themes is honestly one of the best deals any engineer/web designer could make. It will speed up your next project 10x.Multiple great themes, with dozens of components and page designs ready to go. All built with tailwind, so you can easily make changes to make it stand out or swap to a different framework.Well worth a go!

Alex Hughes

letsloopin.com

Read all reviews