Dusk, a sharp, dark agency theme built with Astro and Tailwind CSS for focused creative studios.

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

Features

• 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

PagesCMS Ready

Dusk includes a preconfigured .pages.yaml file that links your content collections directly to PagesCMS.
Simply connect your repo in the PagesCMS dashboard—no code changes required. You keep a pure Astro + Tailwind CSS setup, with optional CMS-driven content management if desired.

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