Skip to content

Scrollspy

Scrollspy watches a scrolling area and highlights the menu link of the section currently in view. Every example below uses a fixed-height scrollable box with data-ui-spy, a target nav and tabindex for keyboard users; scroll inside the boxes to see the navigation follow.

1In a navbar

Scroll the box: the navbar pill for the visible section becomes active.

Intro

Clients stay with us for years because we treat their brand like our own. Our motion team turns complex ideas into short films people actually watch. Every project starts with a workshop, so we understand your audience before we design.

Every detail is handled by people who care about getting it right. Fixed prices and weekly demos keep you in control from start to finish. We measure success in sign-ups, sales and brand recall, not just awards.

Details

We keep things simple, so you can focus on what matters to you. We test early with real users, so the final design works on the first day. We measure success by how many clients come back and tell their friends. Websites we build are fast, accessible and easy for your team to update.

Friendly people answer your questions quickly, by phone, chat or email. Senior designers lead every project from the first sketch to the final file. Small teams, short feedback loops and no handoffs lost in translation. Thousands of clients already trust us, and we work hard to keep it that way.

Pricing

We combine strategy, design and technology to build brands that grow. We have helped more than a hundred companies launch, rebrand and grow online. From logo to launch campaign, everything is designed to work together. Clear prices, honest advice and no surprises along the way.

We listen first, then build a plan around what you actually need. Start in minutes and get help from a real person whenever you need it. Our team has done this many times, so you never have to guess. Thousands of clients already trust us, and we work hard to keep it that way.

2Horizontal pills

A row of pills above the box tracks the four steps.

Step one

Clear prices, honest advice and no surprises along the way. Websites we build are fast, accessible and easy for your team to update. We have helped more than a hundred companies launch, rebrand and grow online. Every detail is handled by people who care about getting it right.

Step two

Fixed prices and weekly demos keep you in control from start to finish. We listen first, then build a plan around what you actually need. From logo to launch campaign, everything is designed to work together. Small teams, short feedback loops and no handoffs lost in translation.

Step three

We measure success by how many clients come back and tell their friends. We combine strategy, design and technology to build brands that grow. Our motion team turns complex ideas into short films people actually watch.

Step four

We keep things simple, so you can focus on what matters to you. Senior designers lead every project from the first sketch to the final file. Friendly people answer your questions quickly, by phone, chat or email. We test early with real users, so the final design works on the first day.

3Vertical pills

A column of pills beside the content; on phones the menu sits above.

Campaign production

We measure success in sign-ups, sales and brand recall, not just awards. Every project starts with a workshop, so we understand your audience before we design. Clients stay with us for years because we treat their brand like our own. From logo to launch campaign, everything is designed to work together.

UX research

Our team has done this many times, so you never have to guess. Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many clients come back and tell their friends. We combine strategy, design and technology to build brands that grow.

Content strategy

Small teams, short feedback loops and no handoffs lost in translation. Thousands of clients already trust us, and we work hard to keep it that way. Clear prices, honest advice and no surprises along the way.

Questions

Clients stay with us for years because we treat their brand like our own. We measure success in sign-ups, sales and brand recall, not just awards. Senior designers lead every project from the first sketch to the final file.

4Nested navigation

Sub-items are indented under their parent and both highlight while you scroll.

Getting started

We test early with real users, so the final design works on the first day. Every detail is handled by people who care about getting it right. We keep things simple, so you can focus on what matters to you. Every project starts with a workshop, so we understand your audience before we design.

Install

Start in minutes and get help from a real person whenever you need it. Our motion team turns complex ideas into short films people actually watch. Websites we build are fast, accessible and easy for your team to update.

Configure

We listen first, then build a plan around what you actually need. Fixed prices and weekly demos keep you in control from start to finish. We have helped more than a hundred companies launch, rebrand and grow online.

Usage

From logo to launch campaign, everything is designed to work together. Senior designers lead every project from the first sketch to the final file. We measure success in sign-ups, sales and brand recall, not just awards.

Examples

Every project starts with a workshop, so we understand your audience before we design. Websites we build are fast, accessible and easy for your team to update. Small teams, short feedback loops and no handoffs lost in translation.

5List group

List group items as the spy menu - clear active state with no extra styling.

Morning

Thousands of clients already trust us, and we work hard to keep it that way. Fixed prices and weekly demos keep you in control from start to finish. Start in minutes and get help from a real person whenever you need it. We have helped more than a hundred companies launch, rebrand and grow online.

Midday

We test early with real users, so the final design works on the first day. Friendly people answer your questions quickly, by phone, chat or email. We combine strategy, design and technology to build brands that grow. We keep things simple, so you can focus on what matters to you.

Afternoon

We measure success by how many clients come back and tell their friends. Every detail is handled by people who care about getting it right. Our motion team turns complex ideas into short films people actually watch.

Evening

Our team has done this many times, so you never have to guess. Clear prices, honest advice and no surprises along the way. Clients stay with us for years because we treat their brand like our own. We listen first, then build a plan around what you actually need.

6Simple anchors

Any links work as targets; style the active one with a scoped class.

Alpha

We measure success by how many clients come back and tell their friends. We combine strategy, design and technology to build brands that grow. Clear prices, honest advice and no surprises along the way.

Beta

We measure success in sign-ups, sales and brand recall, not just awards. We test early with real users, so the final design works on the first day. Friendly people answer your questions quickly, by phone, chat or email. We listen first, then build a plan around what you actually need.

Gamma

Senior designers lead every project from the first sketch to the final file. Websites we build are fast, accessible and easy for your team to update. Our team has done this many times, so you never have to guess.

7Underline tabs

An underline nav as a sticky-looking section switcher above a product page.

Overview

Thousands of clients already trust us, and we work hard to keep it that way. We keep things simple, so you can focus on what matters to you. Every detail is handled by people who care about getting it right. Small teams, short feedback loops and no handoffs lost in translation.

Features

Our motion team turns complex ideas into short films people actually watch. Clients stay with us for years because we treat their brand like our own. Every project starts with a workshop, so we understand your audience before we design. Start in minutes and get help from a real person whenever you need it.

Reviews

Fixed prices and weekly demos keep you in control from start to finish. We have helped more than a hundred companies launch, rebrand and grow online. From logo to launch campaign, everything is designed to work together.

FAQ

Senior designers lead every project from the first sketch to the final file. Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many clients come back and tell their friends.

8Table of contents on the right

Documentation layout: content first, a small contents list on the right on larger screens.

Summary

From logo to launch campaign, everything is designed to work together. Clients stay with us for years because we treat their brand like our own. Every detail is handled by people who care about getting it right.

Background

We combine strategy, design and technology to build brands that grow. We keep things simple, so you can focus on what matters to you. We measure success in sign-ups, sales and brand recall, not just awards. Our motion team turns complex ideas into short films people actually watch.

Method

We have helped more than a hundred companies launch, rebrand and grow online. Start in minutes and get help from a real person whenever you need it. Thousands of clients already trust us, and we work hard to keep it that way.

Results

Every project starts with a workshop, so we understand your audience before we design. Clear prices, honest advice and no surprises along the way. Our team has done this many times, so you never have to guess.

9Numbered steps

<code>.list-group-numbered</code> turns the spy menu into a step counter.

Create an account

We listen first, then build a plan around what you actually need. Websites we build are fast, accessible and easy for your team to update. Small teams, short feedback loops and no handoffs lost in translation. Fixed prices and weekly demos keep you in control from start to finish.

Set up your profile

We test early with real users, so the final design works on the first day. Friendly people answer your questions quickly, by phone, chat or email. We measure success in sign-ups, sales and brand recall, not just awards.

Invite the team

Start in minutes and get help from a real person whenever you need it. Fixed prices and weekly demos keep you in control from start to finish. From logo to launch campaign, everything is designed to work together. We have helped more than a hundred companies launch, rebrand and grow online.

Go live

Every project starts with a workshop, so we understand your audience before we design. Clients stay with us for years because we treat their brand like our own. We combine strategy, design and technology to build brands that grow. Clear prices, honest advice and no surprises along the way.

10Timeline by year

Year buttons follow a scrolling company timeline.

2023

Five things we learned this year

Thousands of clients already trust us, and we work hard to keep it that way. Our team has done this many times, so you never have to guess. We listen first, then build a plan around what you actually need. Senior designers lead every project from the first sketch to the final file.

2024

Choosing colours that sell

Websites we build are fast, accessible and easy for your team to update. We keep things simple, so you can focus on what matters to you. Small teams, short feedback loops and no handoffs lost in translation.

2025

Planning a month of social content in a day

We measure success by how many clients come back and tell their friends. Every detail is handled by people who care about getting it right. We test early with real users, so the final design works on the first day. Our motion team turns complex ideas into short films people actually watch.

2026

Designing packaging that survives the shelf

We listen first, then build a plan around what you actually need. Every project starts with a workshop, so we understand your audience before we design. Fixed prices and weekly demos keep you in control from start to finish. We measure success in sign-ups, sales and brand recall, not just awards.

11FAQ sections

Question groups in a scrollable panel with topic links.

Orders

Our favourite tips for busy weeks?
We test early with real users, so the final design works on the first day.
Why motion matters for modern brands?
We combine strategy, design and technology to build brands that grow.
Lessons from a year of client workshops?
We have helped more than a hundred companies launch, rebrand and grow online.

Shipping

Looking back at a busy season?
Clear prices, honest advice and no surprises along the way.
What makes a brand memorable?
Every detail is handled by people who care about getting it right.
A beginner's guide to getting started?
We measure success by how many clients come back and tell their friends.

Returns

Inside our design process?
Small teams, short feedback loops and no handoffs lost in translation.
The small habits that make a big difference?
Our team has done this many times, so you never have to guess.
Five website mistakes that cost you leads?
From logo to launch campaign, everything is designed to work together.

12Icon menu

Each spy link starts with an icon - nice for spec sheets.

Performance

Start in minutes and get help from a real person whenever you need it. We keep things simple, so you can focus on what matters to you. Clients stay with us for years because we treat their brand like our own.

Battery

Senior designers lead every project from the first sketch to the final file. Our motion team turns complex ideas into short films people actually watch. Thousands of clients already trust us, and we work hard to keep it that way.

Connectivity

Websites we build are fast, accessible and easy for your team to update. Friendly people answer your questions quickly, by phone, chat or email. Our team has done this many times, so you never have to guess. Start in minutes and get help from a real person whenever you need it.

Security

Clear prices, honest advice and no surprises along the way. Thousands of clients already trust us, and we work hard to keep it that way. Clients stay with us for years because we treat their brand like our own. We measure success in sign-ups, sales and brand recall, not just awards.

13Pricing plans

Spy over a stack of plan cards; the pill row shows which plan is in view.

Starter

$12.75 / mo

  • Fast turnaround
  • Weekly demos
  • Weekly demos

Team

$30.54 / mo

  • Fixed-price projects
  • Award-winning team
  • Award-winning team

Business

$51.30 / mo

  • Weekly demos
  • Fixed-price projects
  • Global clients

14Chapter reader

A reading pane with chapter links in a small dropdown-free list above.

Chapter 1: A checklist for your next website launch

We combine strategy, design and technology to build brands that grow. Every project starts with a workshop, so we understand your audience before we design. Small teams, short feedback loops and no handoffs lost in translation. From logo to launch campaign, everything is designed to work together.

We measure success by how many clients come back and tell their friends. We keep things simple, so you can focus on what matters to you. We have helped more than a hundred companies launch, rebrand and grow online.

Chapter 2: What our clients asked us most

Our motion team turns complex ideas into short films people actually watch. Every detail is handled by people who care about getting it right. Websites we build are fast, accessible and easy for your team to update. We test early with real users, so the final design works on the first day.

Fixed prices and weekly demos keep you in control from start to finish. We listen first, then build a plan around what you actually need. Senior designers lead every project from the first sketch to the final file. Friendly people answer your questions quickly, by phone, chat or email.

Chapter 3: How to choose the right project

From logo to launch campaign, everything is designed to work together. Websites we build are fast, accessible and easy for your team to update. We keep things simple, so you can focus on what matters to you. Fixed prices and weekly demos keep you in control from start to finish.

We combine strategy, design and technology to build brands that grow. We test early with real users, so the final design works on the first day. Clear prices, honest advice and no surprises along the way.

Chapter 4: How we ran a rebrand in eight weeks

Clients stay with us for years because we treat their brand like our own. Every detail is handled by people who care about getting it right. We measure success by how many clients come back and tell their friends.

Start in minutes and get help from a real person whenever you need it. Thousands of clients already trust us, and we work hard to keep it that way. We measure success in sign-ups, sales and brand recall, not just awards.

15Settings form

A long settings form split into sections with a side menu that follows along.

Profile

Small teams, short feedback loops and no handoffs lost in translation. Our motion team turns complex ideas into short films people actually watch. Every project starts with a workshop, so we understand your audience before we design.

Notifications

We have helped more than a hundred companies launch, rebrand and grow online. We listen first, then build a plan around what you actually need. Senior designers lead every project from the first sketch to the final file. Friendly people answer your questions quickly, by phone, chat or email.

Privacy

Our team has done this many times, so you never have to guess. Thousands of clients already trust us, and we work hard to keep it that way. Every project starts with a workshop, so we understand your audience before we design. We test early with real users, so the final design works on the first day.

16Team directory

Department links track a scrolling list of people.

Operations

  • Owen Okafor
    Owen Okafor
    Operations Manager
  • Jonah Novak
    Jonah Novak
    Content Writer
  • Ivy Tanaka
    Ivy Tanaka
    Frontend Engineer

Customer Support

  • Owen Quinn
    Owen Quinn
    QA Engineer
  • Aria Ibrahim
    Aria Ibrahim
    Support Specialist
  • Priya Fischer
    Priya Fischer
    Backend Engineer

Research

  • Sofia Harlow
    Sofia Harlow
    Support Specialist
  • Nadia Okafor
    Nadia Okafor
    Customer Success
  • Ethan Whitaker
    Ethan Whitaker
    Marketing Lead

17Catalogue categories

Category pills over a scrolling price list.

Print

  • Social kit$1,850
  • Brand sprint$4,600
  • Landing page$3,150

Motion

  • Video edit$2,350
  • Packaging design$4,200
  • Explainer animation$5,650

Branding

  • UX audit$2,650
  • Logo refresh$3,000
  • Website package$9,250

18Inside a card

Card header pills spy on the scrolling card body.

Today

From logo to launch campaign, everything is designed to work together. Clients stay with us for years because we treat their brand like our own. We listen first, then build a plan around what you actually need. We keep things simple, so you can focus on what matters to you.

This week

Our team has done this many times, so you never have to guess. Clear prices, honest advice and no surprises along the way. Every detail is handled by people who care about getting it right. Senior designers lead every project from the first sketch to the final file.

Later

Friendly people answer your questions quickly, by phone, chat or email. Our motion team turns complex ideas into short films people actually watch. Small teams, short feedback loops and no handoffs lost in translation. Start in minutes and get help from a real person whenever you need it.

19Dark theme

The whole widget inside <code>data-ui-theme="dark"</code>.

Launch

Websites we build are fast, accessible and easy for your team to update. Fixed prices and weekly demos keep you in control from start to finish. We combine strategy, design and technology to build brands that grow. We measure success by how many clients come back and tell their friends.

Orbit

We measure success in sign-ups, sales and brand recall, not just awards. We have helped more than a hundred companies launch, rebrand and grow online. Thousands of clients already trust us, and we work hard to keep it that way. Every detail is handled by people who care about getting it right.

Landing

We have helped more than a hundred companies launch, rebrand and grow online. Senior designers lead every project from the first sketch to the final file. Websites we build are fast, accessible and easy for your team to update. Small teams, short feedback loops and no handoffs lost in translation.

20Changelog

Version links on the left follow release notes with coloured change badges.

v3.2 Jul 4, 2026

  • NewWe listen first, then build a plan around what you actually need.
  • ImprovedWe combine strategy, design and technology to build brands that grow.
  • FixedEvery project starts with a workshop, so we understand your audience before we design.

v3.1 Sep 21, 2026

  • NewFrom logo to launch campaign, everything is designed to work together.
  • ImprovedClear prices, honest advice and no surprises along the way.
  • FixedWe keep things simple, so you can focus on what matters to you.

v3.0 Jun 2, 2026

  • NewFixed prices and weekly demos keep you in control from start to finish.
  • ImprovedClients stay with us for years because we treat their brand like our own.
  • FixedFriendly people answer your questions quickly, by phone, chat or email.

v2.9 Jul 4, 2026

  • NewOur team has done this many times, so you never have to guess.
  • ImprovedStart in minutes and get help from a real person whenever you need it.
  • FixedWe measure success in sign-ups, sales and brand recall, not just awards.