Velorex.

Landing Page Template · Coming Soon

Orbit

A precise, editorial landing page for fintech products, with a working financial terminal.

Web · coming soonSee features
Orbit

ORBIT

Landing Page Template

Overview

Orbit is a landing page template for fintech and finance products.

Its hero is a working financial terminal: a balance that counts up and a chart that switches between five periods, with a tooltip you can drive by pointer or keyboard. Below it are a live transaction stream, analytics calculated from monthly data, interactive phone screens, working feature demos and an automation flow you set with a slider. All demo data lives in one file, and money is handled in whole cents.

Built with

  • HTML
  • CSS (custom properties)
  • Vanilla JavaScript
  • Geist · Geist Mono (OFL)
Category
Landing Page Template
Status
Coming Soon
Platform
Web

Capabilities

WHAT IT DOES.

  • Financial terminal hero: 1D–1Y chart with tooltip, allocation, card and ticker

  • Transaction stream with filters and a phone-friendly layout

  • Analytics: income, expenses, savings and savings rate from one data file

  • Five interactive phone screens and working feature demos

  • Set any locale and currency; every amount re-formats

  • Keyboard-friendly charts, tabs, switches, dialog and drawer; reduced motion

  • No libraries and no build step

How to use

FROM FILES TO LIVE.

  1. STEP 01

    Download and unzip

    You get index.html, legal.html, an assets folder with the CSS, JavaScript and icons, and the documentation.

  2. STEP 02

    Set your brand

    Change colours, fonts, radius and spacing in assets/css/tokens.css.

  3. STEP 03

    Set your numbers and currency

    Every amount, chart and transaction is in assets/js/data.js. Change the locale and currency and every figure re-formats.

  4. STEP 04

    Connect forms and log-in

    Add your form service in data-endpoint and connect the log-in dialog to your own sign-in. Until then they say they are not connected.

  5. STEP 05

    Publish

    Rewrite legal.html for your company, then upload the folder to any static host.

Availability

GET ORBIT.

Get Orbit

Not available yet.

Orbit is still in development and is not live yet — when it is, the link will appear right here.

  • Web

    Any static host

    Web · coming soon

Orbit is finished and tested; its download is Coming Soon. All names, amounts and quotes are fictional demo content, and Orbit is not a bank.

Build with us

WANT SOMETHINGBUILT LIKE THIS?

We bring the same engineering to client work.