Vornu — SaaS Project Management & Remote Work HTML Template
Bento-grid HTML template for SaaS project-management and remote-work tools.
Description
Vornu is a free, production-ready HTML template for SaaS project-management and remote-work tools. The visual direction is a deliberate move toward the bento-grid + soft-aurora-gradient aesthetic that defines the current generation of category-leading product sites — Linear, Notion, Cal.com, Height — rather than the gradient-and-mesh trope that has dominated SaaS landing pages for the last five years. Every section is built around an indigo-and-cream palette punctuated by a single wellness-green CTA, so the eye is always pulled to the next conversion.
The home page leads with a typographic hero whose subhead reads “Where remote teams ship work, without the meeting tax.” — positioning Vornu as the project-management workspace for distributed product teams. Below the hero, a bento grid acts as an animated product preview: a wide gradient card shows a four-line task list with status dots, a calendar tile shows a heatmap of activity, an AI summary tile shows a 90-second digest, and three more bento cards cover velocity, integrations, and team activity. The whole grid scales fluidly from a single column on mobile to a six-column composition on desktop.
What ships in the download
Five fully built pages, all responsive across 375 / 768 / 1024 / 1440, all hand-written semantic HTML with vanilla CSS and a single tiny JS file:
- Home (index.html) — bento product preview, eight-logo trust wall, six-card feature grid, four-stat strip, full Helio Labs customer story, three testimonial cards, twelve-tile integrations grid, three-tier pricing teaser, and an oxide CTA
- Product (product.html) — five product surfaces (tasks, docs, calendars, threads, AI summaries) each with its own bento layout and supporting feature cards, plus six time-zone-aware feature blocks
- Customers (customers.html) — twelve-logo wall, featured Helio Labs case study, six-card story grid with stats and quotes, four-stat KPI strip, six-card testimonial wall
- Pricing (pricing.html) — monthly / yearly toggle, three pricing tiers (Starter / Team / Enterprise), full thirteen-row feature comparison table with featured-tier highlighting, and an eight-question billing FAQ
- Contact (contact.html) — five contact channels (sales, support, security, careers, press) as bento cards, full intake form (name, company, work email, team size, current tool, timeline, message), two office addresses, and a remote-first team note
Design system
Vornu runs entirely on CSS custom properties — palette, type scale, spacing rhythm, motion easing, layout tokens, and three reusable aurora gradient compositions all live as a single :root block at the top of assets/css/styles.css. The typography pairs Space Grotesk (display, 600 weight, −0.035em letter-spacing) with DM Sans (body, 400–700) and JetBrains Mono (eyebrows, captions, tabular numbers) — all served from Google Fonts. The signature aurora-gradient mesh sits behind every page header at low opacity, so even quiet pages have atmosphere. Cards use a soft 28px radius and an aurora-tinted shadow that’s genuinely different from the typical Tailwind drop-shadow.
Who it’s for
Use Vornu as the foundation for a SaaS project-management tool, a remote-work collaboration product, a developer productivity platform, a B2B workflow tool, an AI-powered productivity app, or any modern product whose marketing surface needs to read as confident, modern, and product-led rather than enterprise-corporate. The bento grid absorbs real product screenshots without modification; the aurora gradients and indigo palette read instantly as “modern SaaS” without falling into the dark-mode-with-neon trope that’s been done to death.
Other free templates from the same studio
Vornu joins a growing free catalogue on html.design — every template ships with the same craft level, all of them free to download and use. If a SaaS landing isn’t what you need today, look at Sonomir for a synthwave music label, Hopta for a warm pet food subscription brand, Recto for a type-only photography portfolio, Talasea for a boutique hotel, Volta for a high-energy fitness brand, Axioma for a left-rail creative agency, Aurix for a dark-luxury SaaS landing page, Solara for a restaurant, or Meridia for a navy-and-brass real estate site. Each one is built around a different visual recipe, and all of them are free.
Customising
Open assets/css/styles.css and edit the :root token block — change --indigo-600 to recolor every primary surface, change --cta to recolor the green call-to-action across the entire site, or change the typography tokens to switch families. Swap the photography in assets/img/ with your own product screenshots, team photos, and customer headshots (recommended dimensions and a full credit list are in CREDITS.md). The HTML across the five pages is short enough to read end-to-end in twenty minutes.
Free for personal and commercial use, no attribution required, no email gate. Built and maintained by html.design.
Free Download
Make its forms actually work
This template is front end only — its contact form goes nowhere. One line of code adds a working form, star ratings and bug reports.
License: Creative Commons 3.0
Free to use for personal and commercial use with attribution.
Cool Features
- Unique Design
- SEO Optimized
- Cross-browser Compatibility
- 100% Fully Customizable
- Well Documented
- Clean Code