Premium dark-first SaaS landing page — engineered surfaces, one arctic-mint accent, zero runtime JS.
A premium dark-first landing page template built with Astro 7 and Tailwind CSS v4. Dark is the design — not a mode toggle. Deep void backgrounds, solid layered surfaces with hairline borders, and a single committed arctic-mint accent that directs attention to the CTA.
Ships with a hero featuring a terminal proof panel, asymmetric bento features grid, pricing with monthly/annual toggle and animated conic-border featured card, testimonials with real SVG stars, FAQ accordion, and a closing CTA panel. Zero runtime JavaScript by default — one authored scroll-reveal moment that respects `prefers-reduced-motion`.
The entire color system lives in CSS custom properties: change a few hex values and the whole theme updates. MDX content collections included for changelogs, blog posts, and docs.
Features
- Dark-first design with engineered surfaces (no generic glass cards)
- Terminal proof panel in the hero
- Asymmetric bento features grid
- Pricing with monthly/annual toggle + conic-border featured card
- Testimonials with real SVG stars
- FAQ accordion (zero framework JS)
- One-file CSS custom property theming
- SEO meta + Open Graph baked in
- MDX content collections
- ~0 KB runtime JavaScript
Tech Stack
- Astro 7.x
- Tailwind CSS v4
- astro-icon (Lucide + Simple Icons)
- MDX
- TypeScript
