Next.js SaaS Starter Template (CONTOUR // NEXT)
A new ShipUI theme is out. If RETRO is loud, ALOHA is warm, and PILOT is precise. CONTOUR is technical.
CONTOUR // NEXT is a dark SaaS starter built around topographic mapping as a visual metaphor. Midnight navy surfaces, neon green accents, Space Grotesk for display text, IBM Plex Mono for labels and data. It looks like an infrastructure monitoring tool that takes its own design seriously.
What's Included
A complete design system built around the topographic aesthetic. Everything is wired up and ready to customize.
Components:
- Buttons (primary, secondary, ghost) in three sizes
- Data cards with icon, tag badge, and wide variant
- Badges in five variants: neon, cream, warning, error, info
- Text component with body, caption, label, and code variants
Page sections:
- Split-screen hero with live data card and typewriter effect
- Stats strip with four metric tiles
- Asymmetric feature grid with wide cards
- Three-step workflow section
- Terrain map section with labeled regions
- Testimonials carousel
- Newsletter CTA
- Full CTA section
Layout and auth:
- Header with numbered nav links
- Footer with three-column layout
- Login page
- Sign up page
- 404 and error boundary pages
- Components showcase page
Tech stack:
- Next.js 15 with App Router
- React 19
- TypeScript 5 strict mode
- Tailwind v4
- Zod
- Space Grotesk, IBM Plex Mono
No broken imports. No manual wiring. Install dependencies and it works.
Works with ShipKit
CONTOUR pairs with ShipKit if you use it. The bundle adds ShipKit AI conventions on top: cursor rules, project structure docs, and a CLAUDE.md for your stack.
The theme also works standalone. No dependency, no lock-in.
Pricing
$29 for the theme. $39 bundled with ShipKit. Both are one-time purchases. No subscription, no recurring fees.
What's Next
More themes are in progress. The goal is the same across all of them: a real design system, a modern stack, and nothing left for you to wire up yourself.
More ShipUI Themes
- PILOT // NEXT (admin dashboard for AI agent teams)
- FOLIO // NEXT (editorial portfolio starter)
- NOIR // NEXT (dark marketing landing page)