Flux, Cadence, Relay and Artifact: Tailwind templates for Next.js and Astro
Gray
Minimal black & white SaaS landing page

Details about Gray
- Tailwind CSS v4
- Figma file
What Is the Gray Template?
Gray is a minimal black and white landing page template by Cruip for modern SaaS and tech companies. Hand-drawn vector illustrations fit any context.
It follows a content-first design trend without excessive colors or decoration, so you can focus on your message and launch in minutes, not days.
Gray is sold on its own or as part of Cruip's Classic Bundle.
Features ✨
Black & White Design: Minimal and content-first
Hand-Drawn Illustrations: Including bento-style illustrations
Carousels: Two functional carousels
Pricing & Testimonials: Sections to convert visitors
Included Pages 📒
Landing Page
Request a Demo: With multiple forms
Login
Reset Password
Pros and Cons
Pros ✅
Content-First: A calm canvas for your message
Demo Requests: Request-a-demo page included
3 Code Versions: HTML, Next.js 16 and Vue 3, each downloaded as a separate .zip file
Commercial License: Use it in unlimited personal, commercial and client projects
Cons ⚠️
Monochrome Style: Brands with strong colors need restyling
Figma as Reference: The design file is a visual reference, without auto layouts or components
Available Versions
HTML: Tailwind CSS v4 and Alpine.js v3
Next.js 16: TypeScript and Tailwind CSS v4
Vue 3: Built with Vite 6 and Tailwind CSS v4
Figma: Design file included as a visual reference


