Dusk Agency

What Is the Dusk?

Dusk is a moody, minimalistic Astro + Tailwind CSS template built for agencies and studios. It gives your site a clean, confident look with prebuilt pages, reusable components, and MDX support so you can spin up a polished website in hours.

Features ✨

• 22 ready-made pages covering home, about, services, portfolio, blog, contact

• 50+ customizable sections like hero banners, testimonials, pricing tables, and team showcases

• 60+ reusable components (cards, modals, navbars, footers) for rapid layouts

• Dark/light mode support built in via Tailwind utility classes

• MDX blog integration for mixing Markdown with interactive JSX content

Included Components 📒

• Pages folder: full layouts for agency sites (home, portfolio, case studies)

• Components library: buttons, cards, modals, navbars, forms, alerts

• System pages: 404, Coming Soon, Privacy Policy, Terms of Service

• MDX templates: blog home, post, tags, and author pages

• Tailwind config: custom color palettes, spacing, and typography scales

Pros and Cons

Pros ✅

• Quick launch: full page templates save setup time

• Highly customizable: tweak designs via Tailwind config

• Distinctive style: moody, modern agency aesthetic

• MDX ready: build blog posts without extra tooling

Cons ⚠️

• Astro learning curve: requires familiarity with its CLI and file structure

• Dark-heavy palette: may need extra theming for light-only brands

• Agency focus: layouts geared toward studios, less generic

• $99 price point: may be steep for hobby projects

Integration

• Astro CLI: scaffold your project with astro init and copy in dusk

• Tailwind CSS: install dependencies and merge dusk’s tailwind.config.js

• MDX: enable MDX in astro.config.mjs for blog pages

• Version Control: pull updates via GitHub

• Headless CMS: plug into Contentful, Sanity, or Strapi for dynamic content

File Structure

.
├── public
├── src
│   ├── components
│   ├── layouts
│   ├── pages
│   ├── content
│   ├── folders
│   ├── config.ts
│   ├── data
│   ├── scripts
│   ├── styles
│   │   └── global.css
│   └── endv.d.ts
├── astro.config.mjs
├── package.json
├── README.md
└── ts.config.json

FAQ

How much does Dusk template cost?

Dusk is available for a one-time fee of $99. A lifetime bundle including all themes costs $199.

What integrations does Dusk support?

Dusk supports Tailwind CSS, Astro Prism, Astro Sitemap, Tailwindcss Forms, and Tailwindcss Typography.