Gray - Monochrome SaaS landing page template built with Tailwind
Gray is a black and white landing page template designed for tech and SaaS companies. Built with Tailwind CSS and available in HTML, Next.js, and Vue, it offers a minimal yet modern aesthetic.
Includes 3 template versions
HTML template
Next.js template
Vue.js template
Choose from HTML with Alpine.js, Next.js with TypeScript, or Vue.js to match your stack.
Includes Figma files for easy customization and visual reference during development.
Features unique bento-style vector illustrations that adapt to any context or necessity.
Includes dense landing page plus request demo, login, and password reset pages.
Monochrome aesthetic eliminates color distractions to focus attention on your message.
Adapts seamlessly to all screen sizes for optimal viewing on any device.
Use for unlimited personal and commercial projects with lifetime updates included.
Content-focused template with a beautiful monochrome aesthetic
Gray strips away color to let your product message take center stage. This monochrome landing page template is designed for SaaS and tech companies that want a minimal, distraction-free canvas to showcase their products. Built with Tailwind CSS, it leverages varying shades of gray and strategic accent colors to create a sophisticated aesthetic without relying on vibrant palettes. The template features hand-drawn, bento-style vector illustrations that add personality while maintaining the clean, focused design language. Choose from three implementation options, HTML with Alpine.js, Next.js with TypeScript, or Vue.js, to match your preferred development workflow.
What's included
- Dense landing page with multiple content sections, pricing blocks, and testimonials
- Two functional carousels for showcasing features or content
- Request demo page with multiple form layouts
- Login and password reset authentication pages
- Hand-drawn bento-style vector illustrations adaptable to any context
- Figma design files for visual reference and customization planning
- Pre-compiled CSS with Tailwind CLI support for the HTML version
Ideal for
- SaaS companies launching minimal product landing pages
- Tech startups seeking a content-first design approach
- Products that benefit from clean, professional aesthetics
- Companies wanting to emphasize messaging over visual complexity
- Projects requiring quick deployment with flexible stack options
Framework options
The template ships in three variants to fit your tech stack. The HTML version uses Alpine.js v3 for interactivity and includes pre-compiled CSS that you can modify via Tailwind CLI. The Next.js version is built with Next.js 16 using the App Router architecture and includes TypeScript support. The Vue version provides a basic app structure with Vue v3 and Vite v6 for fast development and builds.
License & usage
You can use Gray for unlimited personal and commercial projects, including client work. The purchase includes lifetime updates to all three framework versions. Figma design files are provided as visual references rather than complex component systems, giving you a starting point for customization without prescriptive layouts.
