Ælen, a retro SaaS website template built with Astro & Tailwind CSS.

Ælen — SaaS theme for Astro & Tailwind CSS

Ælen is a structured SaaS theme with retro-modern styling, crisp typography, and layouts built for teams that want clarity over fluff. Designed for startups and software platforms, it combines performance with a straightforward design system.

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

• Landing, pricing, about, integrations, and changelog pages
• Content collections for blogs, help centers, and legal pages
• Reusable components (buttons, wrappers, typography, etc.) styled with the OKLCH color system
• Built-in search powered by Fuse.js for fast content filtering
• Blog pagination for seamless browsing of posts and archives
• SEO-ready with Astro SEO, Sitemap, and RSS integrations
• Clean file structure with ongoing updates and a style guide

Optional CMS

Ælen includes a preconfigured .pages.yaml file that connects your content collections directly to PagesCMS.
All integration happens automatically when you link your repo inside the PagesCMS dashboard—no changes are made to the template code. You keep a pure Astro + Tailwind CSS setup with the option to use PagesCMS anytime.

Modern color system

Uses OKLCH color values, ensuring consistent rendering, theming flexibility, and forward-looking color management with Tailwind CSS v4.

Why choose Ælen?

• Retro-inspired, minimal design that emphasizes structure and performance
• Flexible enough for SaaS tools, startups, and digital products
• Tailwind CSS utilities make customization simple and reliable
• Astro’s static-first architecture delivers performance by default
• Ready-to-launch setup for teams that want clarity and scalability