All kits

AI / SaaS

SignalDesk

A sharp, dark landing page for AI & B2B SaaS.

Best for: AI & B2B SaaS teams who need to look credible from day one.

SignalDesk

Turn product noise into the signal your team acts on.

Start free
Open live preview

Overview

SignalDesk is built for AI and B2B SaaS teams that need to look credible on day one. It pairs an analytical dark aesthetic with a conversion-focused section flow: a product-led hero, a bento feature mosaic, headline metrics, a three-tier pricing table, and social proof. Every section is config-driven, so swapping copy, pricing, or the feature set is a quick edit — no component surgery.

Who it's for

AI startupsB2B SaaS foundersDeveloper-tools teamsTechnical marketers

Highlights

  • Signal-console hero — noise resolved into a ranked, scored signal
  • Scope-trace logo mark (static + animated draw-in)
  • Integrations strip + a how-it-works workflow
  • Bento feature mosaic + three-tier pricing
  • Stats, testimonials, and FAQ
  • Dark analytical theme tokens

Pages included

  • Landing page
  • Sign in
  • Sign up
  • Terms of Service
  • Privacy Policy
  • Dashboard — signal feed
  • Signal detail
  • Billing & usage
  • Support
  • Themed 404 / 500 / loading

Built with

Next.js 16React 19Tailwind v4TypeScript

What you'll get

A launch kit is more than code. Here's exactly what's in the box and what it takes to get it live.

SignalDesk Pro — AI SaaS Launch Kit

v2.0.0 · Single-project license

Coming soon

In the box

  • Standalone Next.js 16 appA complete, runnable project (Tailwind v4, TypeScript strict) — npm install && npm run dev, zero env vars.
  • Config-driven everythingsite, theme, content, app-data, links, and legal configs — rebrand without touching a component.
  • Conversion landing pageHero with a live signal console, integrations, bento features, workflow, stats, pricing, testimonials, FAQ, closing CTA.
  • Auth screens + recovery flowThemed sign in / sign up with SSO buttons and a working forgot-password state; wiring points documented.
  • Dashboard + 2 more app screensSignals feed (KPI cluster, ranked table, activity, sources), three written signal-analysis pages, and Billing & usage.
  • Designed first-run empty stateReal onboarding at /dashboard?empty=1 — not gray placeholder text.
  • Legal starter pages + support pageStructured Terms & Privacy with a table of contents (template text, clearly marked), plus a support page.
  • Themed system states404 (the scope flatlines), error, global-error, and a dashboard skeleton that mirrors the real layout.
  • Mobile + accessibility done properlyFocus-trapped menus, no horizontal scroll at 375px, :focus-visible rings, semantic status colors, reduced-motion support.
  • Docs for humans and agentsREADME, CUSTOMIZE, DESIGN, AGENTS (safe-change rules + ready-made AI prompts), DEPLOY, LAUNCH_CHECKLIST, TROUBLESHOOTING.
  • License & changelogSingle-project license and a real release history.

To launch it

  • Difficulty: intermediate
  • Setup time: About 45 minutes
  • Deploys to: Vercel · Netlify · Any Node host
  • Guides: 4 included
  • Support: Priority email support and optional hands-on setup.
Request early access

The Pro package ships when checkout opens — the app itself is built and lives at paid-kits/signaldesk-pro in this repo.

Customization & requirements

Everything renders from one config file, so editing copy, pricing, sections, or the theme is a data change — no component rewiring.

You'll need

Node 20+A code editor (VS Code)GitHub accountVercel account (free)

You can customize

Copy & section orderTheme colors & fontsPricing tiersFeature & FAQ contentLogo cloud & testimonials

Built for AI agents

Customizing with Claude, Cursor, or another agent is the intended path — the kit tells the agent what it may touch. Use the “Build it with AI” button in the sidebar for a ready-made starter prompt.

  • AGENTS.mdOperating rules, project map, starter prompts.
  • DESIGN.mdDesign system and theming contract — tokens only.
  • configThe safe editing zone: copy, links, pricing, and theme as data — AGENTS.md names the files.

Launch checklist

Every kit ships with a practical, step-by-step checklist so you know exactly what to change before you go live.

Launch checklist

18 steps

Make it yours

  • Replace the logo and favicon
  • Update your business / brand name
  • Rewrite the hero copy
  • Update services, features, and pricing
  • Set your real contact email
  • Swap placeholder images for your own

Metadata & SEO

  • Update the page title and description
  • Set your Open Graph share image
  • Point metadataBase at your real domain

Quality check

  • Test the responsive layout on mobile
  • Test every button and contact CTA
  • Run a quick Lighthouse pass

Make the product foundation yours

  • Rewrite the dashboard demo data for your productconfig/app-data.ts — keep numbers that should add up adding up.
  • Wire real authentication behind the sign-in/sign-up formsEvery wiring point is marked WIRE: — see the kit's AGENTS.md.
  • Review the Terms & Privacy template text with a professionalconfig/legal.ts ships structured example content, not legal advice.

Launch

  • Deploy to Vercel
  • Connect your custom domain
  • Do a final launch reviewOpen the live URL in a fresh browser

Ships with the kit as a Markdown checklist — tick it off as you go.

Don't want to set it up yourself?

Once you've got the kit, we can get it live for you. Tell us what you're building and we'll handle the technical bits.

  • Customize the kit to your brand
  • Replace content, copy, and images
  • Deploy it live on Vercel
  • Connect your custom domain
  • Walk your launch checklist with you
Request setup help

No commitment — we'll reply with options and a quote.

Related kits

Not quite it? Nearby on the shelf.

Browse the full gallery