DarkSaaS — Premium Dark SaaS Landing Page Template (Astro)

Ship your SaaS landing page in hours, not weeks.

DarkSaaS is a premium dark-first landing page template built with Astro 7 and Tailwind CSS v4. It's not a dark mode toggle — dark IS the design. Deep void backgrounds, solid layered surfaces with hairline borders, and one committed arctic-mint accent that guides the eye exactly where you want it: the CTA.

### What you get

- **Hero with terminal proof panel** — headline, status dot, mono metadata, and a deploy-style terminal that proves your product is real.

- **Asymmetric bento features grid** — every section optimized for SaaS conversions: features, pricing, testimonials, FAQ, and closing CTA.

- **Pricing with monthly/annual toggle** — 3 tiers, mono prices, and a featured card wrapped in an animated conic border.

- **Testimonials with real SVG stars** — no emoji, no unicode glyphs.

- **FAQ accordion** — clean `<details>` interactions with zero framework JS.

- **Zero runtime JavaScript** — Astro's islands architecture means your page ships ~0 JS. One authored scroll-reveal moment, fully disabled under `prefers-reduced-motion`.

- **One-file theming** — change 6 hex values in `global.css` and the entire theme updates: surfaces, glows, borders, and accents.

- **SEO baked in** — meta tags, Open Graph, semantic HTML. Lighthouse-friendly out of the box.

- **MDX ready** — content collections for changelogs, blog posts, and docs.

### Tech stack

- Astro 7.x

- Tailwind CSS v4

- astro-icon (Lucide + Simple Icons)

- MDX

- TypeScript

### Requirements

- Node.js 20+

- pnpm

### What's included

- Complete source code

- Lifetime updates

- Email support

- DESIGN.md — the full design contract: palette, typography, motion, and rationale

- README with quick start + customization guide

### License

Single-project license. Use it for unlimited personal and commercial projects (yours or one client). No redistribution or resale of the source code.