Upshot: Motion-led marketing measurement SaaS landing page template for Next.js.

A complete, motion-first site for a product that sells on proof. Upshot positions a measurement platform around one uncomfortable truth, that ad platforms take credit for sales they didn't cause, and every section shows it with dots: claimed in white, caused in yellow. Every figure and label that changes morphs instead of swapping.

• Live scoreboard: forty dots per channel go from what the platform claims to what the holdout measured, with rolling figures
• Scroll-built chart of claims stacking past your actual revenue, and a product tour whose screens arrive through a halftone
• Stacking customer stories, a sixty-dot setup dial and a closing field of dots that light under the pointer
• Story, blog and legal pages included; every button goes to your booking link; loops hold under the pointer and respect reduced motion

• paper#ffffff#ffffff
• ink#0b0c0c#0b0c0c
• led#ffd60a#ffd60a
• muted-text#5a6060#5a6060
• subtle#889090#889090

• AaHost GroteskIncluded with the template

  The quick brown fox jumps over the lazy dog

  0123456789

• AaDotoIncluded with the template

  The quick brown fox jumps over the lazy dog

  0123456789

Host Grotesk for words, set tight and large, and Doto, a dot-matrix face whose weight is the size of its dots, for every figure, so numbers power on as they arrive. A white page with mist and ink panels inset from the edge, faint column lines, and a single LED yellow. Product screens are light WebP images; photographs of fictional brands carry the customer stories.

1. 01

   Hero

   A headline with a dot pill inside it that lights its dots and leaves two of them yellow, highlighted phrases, a photograph with a live-test tag, and a scoreboard that turns forty claimed sales into the ones the ads caused, channel by channel, with tabs and rolling figures. A brand strip runs under the panel.

2. 02

   Navigation

   A sticky bar whose mist tray has a white thumb that glides to the link under the pointer and rests on the section you're reading; on phones the bar grows into the menu.

3. 03

   The problem

   A chart built by scrolling: each platform's claim stacks past the line for your actual revenue, the excess is crosshatched as never having happened, then the measured bar fills in yellow far short of it.

4. 04

   Product

   Four modules with a filling line that hands over to the next, and product screens that arrive through a halftone of growing dots. A yellow band of data sources sits under the dark panel.

5. 05

   Customers

   Story cards that stick and stack, each a full photograph with a receipt of what the platform said, struck through, and what was measured, plus a page for every story.

6. 06

   Proof

   Three tiles: a headline figure over a strip of a hundred dots, a test count over a year of weekly test dots, and a customer quote with time to first answer.

7. 07

   How it works

   A team photograph beside a dial ringed by sixty dots that fill twenty at a time as each step takes the centre, with step tabs.

8. 08

   Comparison

   Dashboards against Upshot, row by row: each dashboard answer is struck through as the Upshot answer lights, closing on a finance lead's quote.

9. 09

   Quotes

   One large quote at a time; faces open into name pills with a ring that fills while each quote is up.

10. 10

    Pricing

    Three plans priced by monthly ad spend with a monthly/yearly toggle whose prices roll; plan buttons go to your booking link.

11. 11

    FAQ and field notes

    An accordion beside a sticky intro, then three notes from the blog with dot-art covers, each with its own article page.

12. 12

    Closing and footer

    A dark panel of dots that light up yellow under the pointer, then a footer whose dot-type wordmark powers on as it scrolls in.

• Can I use it for client work?

  Yes, for any number of client projects.

  Do I need an API key?

  No. It runs as it is.
  FAQ accordionIn FaqQuestions on hairlines that open like they mean it: the answer eases to its height, the plus folds into a minus.
• $39$30 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 990 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9
  Number rollIn Customers, How, Problem, Proof, ScoreboardNumbers that change like an odometer: every digit rolls in the direction the number moved.
• Book a callBook a call
  Text morphIn How, ScoreboardText that changes the way it should: shared letters slide over, new ones rise out of a blur, the width eases.
• MonthlyYearlySave 20%

  $39$30 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 990 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9 0 1 2 3 4 5 6 7 8 9/mo
  Pricing toggleIn PricingMonthly or yearly: the thumb slides with a little give, and every price on the page rolls to its new amount.
• • Northwind
  • Fernhill
  • Halcyon
  • Lumen
  • Orbit
  • Kestrel

  • Northwind
  • Fernhill
  • Halcyon
  • Lumen
  • Orbit
  • Kestrel
  Logo marqueeIn Engine, HeroA quiet strip of logos that notices you: it eases to a stop on hover and the logo you point at stays bright.

Everything on the home page, and every destination, lives in site.config.ts; customer stories, notes and legal text live in content/. Set your booking link once and every demo button follows. The palette is a handful of CSS variables, and the screens are images you replace with your own at the same proportions.

$ npm install$ npm run dev

sections

1212

source files

8181

lines of code

~4,900~4,900

dependencies

44

API keys needed

00

The full text ships as LICENSE.md in the download and is on the license page.

All 39 templates for $99.

Every template in the library, including Upshot, and every one added later. Same license, free updates. Less than three single templates.

• Pro

  Bulkhead

  $39

  Motion-led AI incident response landing page

• Pro

  Tandem

  $39

  Light-mode AI agent and workflow landing page

• Pro

  Offscript

  $39

  Independent creative studio website