---
name: nocturne-saas-landing
description: "Dark, glowing SaaS landing page with aurora gradients, feature bento and a pricing table that reads fast. Use when the user asks for saas landing or similar."
---

# Nocturne SaaS Landing

Generates a dark-mode SaaS landing page: aurora hero, logo cloud, feature bento, social proof, pricing and FAQ — each section with tested contrast ratios.

## When to use

- B2B SaaS
- Dev tools
- Launch-week pages

## Workflow

1. Get product, audience, primary CTA, and three differentiators.
2. Define dark tokens (surface ladder, glow accents) and verify contrast.
3. Compose hero → logos → bento → proof → pricing → FAQ → CTA.
4. Keep gradients on a single layer for performance.
5. Return a checklist of copy to replace before launch.

## What you deliver

- Seven-section SaaS landing (React + Tailwind)
- Pricing table and FAQ accordion
- Dark-mode tokens with AA contrast

## Not for

- Consumer apps with light brands
- Content-heavy blogs
- Pages without a clear primary CTA

## Quality bar

- State assumptions you made and ask before overwriting existing files.
- Never invent facts, numbers, logos or quotes — use placeholders and say so.
- Follow `references/style-guide.md` for colour and type decisions.
- Finish with a short checklist of what the user should review or replace.