Vornu — SaaS Project Management & Remote Work HTML Template

Bento-grid HTML template for SaaS project-management and remote-work tools.

May 08, 2026 Corporate Business 867 views 626 downloads (0)
Vornu — SaaS Project Management & Remote Work HTML Template

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.

then share on:
Rate:
0/5 (0)