Screenshots of the actual template. Every page, component and state shown is included in the download.
Helix — SaaS Platform Website Template
An all-in-one platform site with the billing, analytics and onboarding sections a growing SaaS actually has to explain.
- Category
- SaaS & Startup
- Pages included
- 10 pages
- File format
- ZIP · HTML, CSS, JS
- Delivery
- Instant download
- Licence
- One end product
- Support
- 6 months included
- Updates
- Free, for life
- Last updated
- August 2026
- Secure payment via Stripe or PayPal
- Download link valid for 72 hours, re-issued free
- No account required, no subscription
Overview
Helix is for SaaS companies past the launch page, where the product now does four things and the website still describes one. It breaks the platform into modules — analytics, billing, user management, automation — each with its own anchor, so a sales email can link straight to the part that matters.
The layout assumes you have real numbers to show. Metric rows, a revenue chart panel and a plan comparison table are built in and styled to stay readable at 320 pixels, where most pricing tables quietly fall apart.
What's included
- 10 hand-built HTML pages with matching CSS and JavaScript
- Module sections with deep links for sales and onboarding emails
- Responsive plan comparison table that becomes stacked cards on mobile
- Editable design tokens for colour, type scale, radius and spacing
- Contact, demo and trial form markup wired for Formspree, Netlify Forms or your own endpoint
- Setup guide, component reference and a licence summary
Pages and sections included
10 ready-made pages:
- Home
- Platform overview
- Features detail
- Pricing
- Customers
- Integrations
- Security
- Resources
- About
- Contact
Built from these sections and components:
- Hero with dashboard preview and trial call to action
- Metric row with animated counters
- Module grid for each product area
- Revenue and analytics panel
- Plan comparison table
- Customer quote wall
- Integration directory
- FAQ accordion
- Trial signup block with reassurance line
Key features
Module-first structure
Each product area is a self-contained section with its own id, heading and screenshot slot — add a fifth without touching the others.
Comparison table that survives mobile
Columns collapse into per-plan cards under 768px, keeping every row label visible instead of hiding it behind a scrollbar.
Animated counters
Metric numbers count up once on first view, and hold still for anyone with reduced motion enabled.
Security page included
A ready-made page for SOC 2 status, data residency and subprocessors — the page enterprise buyers always ask for.
Dark by default, light on demand
A single data attribute on the html element flips the whole site to the light palette.
Deep-linkable pricing
Each plan has a stable anchor, so campaigns can land on the exact tier they advertised.
Responsive and mobile design
Helix is built mobile-first and tested at 320, 375, 414, 768, 1024, 1440 and 1920 pixels before release. Small screens are not an afterthought — navigation, tables, galleries and the 10-page structure are each redesigned for the space available rather than shrunk to fit.
- Fluid type and spacing scales, so headlines stay in proportion between a phone and a 27-inch display.
- Tap targets of at least 44×44 pixels on every control, with visible focus rings for keyboard users.
- Images served at sensible dimensions with lazy loading below the fold and reserved space to prevent layout shift.
- Tested in current Chrome, Safari, Firefox and Edge, on iOS and Android, and with reduced-motion preferences respected.
Customisation and editing
Everything you will want to change is in an obvious place. Colours, fonts, radii and spacing are CSS custom properties declared in one block at the top of the stylesheet — change those six or so lines and all 10 pages follow. Text and links are edited directly in the HTML, with comments marking each section.
- No build step, no Node, no package manager — open the folder in any editor and double-click a page to preview it.
- Swap images by dropping your own files into /assets/img using the same filenames, or point the markup anywhere you like.
- Every component is commented and reusable, so adding a page means copying a block rather than writing CSS from scratch.
- Clean, semantic markup that ports cleanly into WordPress, Webflow, Astro, Eleventy or a React project when you outgrow static files.
Ideal for
- Series A SaaS teams whose product has outgrown a one-page site
- B2B platforms that need a security and compliance page
- Product marketers who want to edit copy without waiting on engineering
- Agencies building launch sites for software clients
Frequently asked questions
Yes. Plans are rows in one editable list in the JavaScript file — add a fourth tier or drop to two and both the cards and the comparison table follow automatically.
Both ship in the same files. Set data-theme on the html element, or leave it off to follow the visitor's system preference.
Basic comfort with HTML and CSS is enough. Text, images and links are edited directly in the HTML, and colours and fonts live in a short list of variables at the top of the stylesheet. If you can edit a text file, you can launch one of these.
One licence covers one end product — your own website, or one client project. You can modify the template as much as you like. You cannot resell, redistribute, sublicense or share the template files themselves.
Anywhere that serves static files: Netlify, Vercel, Cloudflare Pages, GitHub Pages, or classic shared hosting via FTP. Most are free for a site this size, and the guide covers each.
Because templates are delivered instantly and cannot be returned, all sales are final once the download link is issued. If a file is corrupt or a page does not match its preview, contact us within 14 days and we will fix it or refund you in full.
You might also like