Freeframe
Business10 pages · 1 download · Free

Orbit

A bright, friendly SaaS website for a shift-scheduling app, with a live drag-and-drop schedule demo in the hero.

Stack
v1.0.0 changelog
DocsLive demo Download .zip384 KB

About this template

Orbit is a product-led marketing site for a fictional shift-scheduling tool for restaurants, cafés, hotels and shops. The home page opens on an interactive week schedule where visitors click, drag and auto-fill shifts while coverage updates live, followed by a product tour, customer metrics and an integrations orbit. It also has feature deep-dives with a spreadsheets comparison, pricing with a per-location and per-employee calculator and a sticky comparison table, a searchable integrations directory with a detail drawer, filterable customer stories, a changelog, a company and careers page, a sales form that routes by team size and a three-step free trial sign-up.

Features

  • Interactive hero schedule: click, drag or use the keyboard to place shifts, with live coverage, hours and an auto-fill button
  • Product tour with tabs that swap HTML product mock-ups, plus arrow-key navigation
  • Pricing with a monthly / annual switch, a per-location and per-employee price calculator and a sticky-header comparison table
  • Searchable integrations directory with category filters, shareable URLs and an accessible detail drawer
  • Customer stories filterable by industry, with before and after metrics and an SVG chart
  • Changelog with topic filter and an email subscription form
  • Sales form that routes visitors by team size, with work-email validation and conditional fields
  • Three-step free trial sign-up with progress stepper, password strength meter and per-step validation
  • Bright pastel design with Gabarito display type, illustrated SVG avatars and fictional customer wordmarks
  • SEO and Open Graph tags, SVG favicon, 1200×630 social image, skip link and reduced-motion support

Pages included

Quick start

unzip orbit.zip && cd orbitopen index.html        # that's it # optional, after adding new Tailwind classes:npm install && npm run build
Read the Orbit documentation →

Changelog

  1. v1.0.0

    Added

    • Initial release with 10 pages: Home, Features, Pricing, Integrations, Customers, Changelog, About & careers, Talk to sales, Start free trial, 404.
    • Interactive hero schedule: click, drag or use the keyboard to place shifts, with live coverage, hours and an auto-fill button
    • Product tour with tabs that swap HTML product mock-ups, plus arrow-key navigation
    • Pricing with a monthly / annual switch, a per-location and per-employee price calculator and a sticky-header comparison table
    • Searchable integrations directory with category filters, shareable URLs and an accessible detail drawer
    • Customer stories filterable by industry, with before and after metrics and an SVG chart
    • Changelog with topic filter and an email subscription form
    • Sales form that routes visitors by team size, with work-email validation and conditional fields
    • Three-step free trial sign-up with progress stepper, password strength meter and per-step validation
    • Bright pastel design with Gabarito display type, illustrated SVG avatars and fictional customer wordmarks
    • SEO and Open Graph tags, SVG favicon, 1200×630 social image, skip link and reduced-motion support
    • Full documentation in DOCS.md.

More templates