Tailkits product guide

Gray

Minimal black & white SaaS landing page

Website
cruip.com
Pricing
Paid
Categories
Templates
Listed
Apr 2024
Updated
Oct 2026
WORKS WITH
Next.jsReactVueHTMLAlpine.js

Details about Gray

KEY POINTS
  • 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

Similar Cruip Templates

  • Simple: Clean multi-page website for startups

  • Stellar: Dark landing page with hand-drawn illustrations