Gray

Gray is a minimal black and white landing page template designed for modern SaaS and tech companies that seek a minimal layout/canvas to showcase their products in style. The product is enriched with beautiful hand-drawn illustrations (mainly created using vectors) that were developed to fit any context or necessity.

Gray implements a recent design trend that primarily emphasizes content, disregarding excessive colours and unnecessary design elements. With Gray you will only need to focus on the message you want to communicate, leaving behind complex design decisions and useless aesthetics.

Think about what’s important for your customer and use this beautiful template to get your product up and running in a matter of minutes, not days.

What’s included

This template includes a dense interface layout packed with multiple content sections, two functional carousels, bento-style illustrations, and pricing and testimonial sections. In addition to the primary landing page, the product is enhanced by a request demo page (containing multiple forms), a login page, and a rest password.

Built for

Gray is developed for minimal tech products, apps, and SaaS that need a contemporary landing page to present their products in style.

Changelog

July 7, 2026 Update

A content and tooling refresh across every edition.

HTML

• Add local dev server with live reload (npm run dev now runs the Tailwind watcher and Browsersync together)
• Bundle the Tailwind CLI as a dependency
• Upgrade Tailwind CSS to 4.3.2 and update other dependencies
• Fix gradient-border mask rendering under Tailwind 4.3 (use trailing ! important syntax so mask-composite: exclude is applied)
• Add Terms and Privacy pages
• Refresh the footer with the new layout and real links across all pages
• Add real favicons (SVG, ICO, PNG, Apple touch icon, and web manifest)

Next.js

• Upgrade to Next.js 16.2.10 and React 19.2.7
• Update to Tailwind 4.3.2
• Upgrade next-mdx-remote-client to v2
• Remove unused @next/mdx config
• Remove unused API route
• Add Terms and Privacy pages
• Move AOS init into a client component to improve static rendering
• Clean up dependencies and move types to devDependencies
• Add ESLint and Prettier configuration with import sorting
• Update footer to only link to real internal pages
• Improve page metadata and titles
• Add favicon pack and web manifest
• Fix gradient-border mask rendering under Tailwind 4.3

Vue

• Upgrade Vue to 3.5.39 and Vue Router to 5.1.0
• Upgrade to Tailwind 4.3.2
• Upgrade Vite to 8.1.3 and @vitejs/plugin-vue to 6.0.7
• Upgrade @headlessui/vue and remove the redundant @vue/compiler-sfc dependency
• Remove insecure process.env exposure and unused resolve alias from the Vite config
• Add Terms of Service and Privacy Policy pages
• Restructure the footer nav (Product / Resources / Legal) with real links
• Add a real favicon set (SVG, PNGs, ICO, and web manifest)
• Add ESLint (flat config with eslint-plugin-vue) and Prettier, and lint/format all files
• Fix gradient-border mask rendering under Tailwind 4.3 (use the supported trailing ! important syntax so mask-composite: exclude is emitted)
• Fix a broken closing tag in the business categories tabs and a malformed app card link