Aubergine, an Astro & Tailwind CSS agency template

Aubergine — Dark agency theme for Astro & Tailwind CSS

Aubergine is a bold dark-mode theme built for creative studios and service teams. Its polished aesthetic, strong typography, and flexible layouts make it ideal for showcasing portfolios, projects, and case studies with clarity and confidence.

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, contact, services, team, and portfolio pages
• Blog with tags, plus support for case studies and legal content
• Reusable components (buttons, wrappers, text, etc.) styled with the OKLCH color system
• Built-in search powered by Fuse.js for quick filtering
• Blog pagination for smooth article navigation
• SEO-ready with Astro SEO, Sitemap, and RSS integrations
• Clean file structure with ongoing updates and a style guide

Optional CMS

Aubergine 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

Aubergine uses OKLCH color tokens to achieve rich, consistent dark-mode styling that remains future-proof with Tailwind CSS v4.

Why choose Aubergine?

• Built for agencies and studios that want to lead with design clarity
• Dark aesthetic that emphasizes creative work without distractions
• Astro + Tailwind combo delivers speed and customization flexibility
• Scales naturally from small studios to full creative agencies
• Straightforward setup with reusable design system baked in