Dusk, an Astro & Tailwind CSS agency template

Dusk — Agency theme for Astro & Tailwind CSS

Dusk is a sharp dark-mode template built for creative studios and service teams. With a strict grid system, moody color palette, and electric yellow highlights, it delivers clarity and presence without unnecessary clutter. Perfect for portfolios, case studies, and studio websites that need both precision and style.

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

• Structured pages for landing, studio, services, contact, and authentication
• Content collections for work, blogs, teams, and stores
• Reusable components (buttons, text, wrappers, etc.) styled with the OKLCH color system
• Built-in search powered by Fuse.js for instant client-side filtering
• Blog pagination for smooth content navigation
• SEO-ready with Astro SEO, Sitemap, and RSS integrations
• Clean file structure with ongoing updates and a style guide

Optional CMS

Dusk 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

The theme uses OKLCH color values for consistent rendering, accessible contrast, and future-proof theming support in Tailwind CSS v4.

Why choose Dusk?

• Strict grid-based layouts for clarity and structure
• Dark mode design with vibrant accents for creative impact
• Astro ensures fast performance and minimal overhead
• Tailwind utilities make customization quick and maintainable
• Ideal for creative studios, design agencies, and portfolio-driven sites