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

Clear prices, honest advice and no surprises along the way. We listen first, then build a plan around what you actually need. Friendly people answer your questions quickly, by phone, chat or email. Our motion team turns complex ideas into short films people actually watch.

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 keep things simple, so you can focus on what matters to you.

Details

We combine strategy, design and technology to build brands that grow. From logo to launch campaign, everything is designed to work together. Small teams, short feedback loops and no handoffs lost in translation.

We measure success by how many clients come back and tell their friends. Senior designers lead every project from the first sketch to the final file. We have helped more than a hundred companies launch, rebrand and grow online.

Pricing

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. Clients stay with us for years because we treat their brand like our own.

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. Every detail is handled by people who care about getting it right.

2Horizontal pills

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

Step one

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. Websites we build are fast, accessible and easy for your team to update. Friendly people answer your questions quickly, by phone, chat or email.

Step two

Fixed prices and weekly demos keep you in control from start to finish. 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. Small teams, short feedback loops and no handoffs lost in translation.

Step three

We measure success in sign-ups, sales and brand recall, not just awards. From logo to launch campaign, everything is designed to work together. We combine strategy, design and technology to build brands that grow.

Step four

We test early with real users, so the final design works on the first day. Our team has done this many times, so you never have to guess. Clear prices, honest advice and no surprises along the way. We have helped more than a hundred companies launch, rebrand and grow online.

3Vertical pills

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

UX research

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 project starts with a workshop, so we understand your audience before we design.

Web design

Every detail is handled by people who care about getting it right. Start in minutes and get help from a real person whenever you need it. We measure success by how many clients come back and tell their friends. We listen first, then build a plan around what you actually need.

Campaign production

Every project starts with a workshop, so we understand your audience before we design. We have helped more than a hundred companies launch, rebrand and grow online. We test early with real users, so the final design works on the first day.

Questions

Thousands of clients already trust us, and we work hard to keep it that way. We listen first, then build a plan around what you actually need. Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many clients come back and tell their friends.

4Nested navigation

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

Getting started

Clear prices, honest advice and no surprises along the way. We combine strategy, design and technology to build brands that grow. 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.

Install

Websites we build are fast, accessible and easy for your team to update. Small teams, short feedback loops and no handoffs lost in translation. Our motion team turns complex ideas into short films people actually watch.

Configure

From logo to launch campaign, everything is designed to work together. Our team has done this many times, so you never have to guess. We measure success in sign-ups, sales and brand recall, not just awards.

Usage

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. Senior designers lead every project from the first sketch to the final file. Clients stay with us for years because we treat their brand like our own.

Examples

Small teams, short feedback loops and no handoffs lost in translation. Our team has done this many times, so you never have to guess. We measure success by how many clients come back and tell their friends. Fixed prices and weekly demos keep you in control from start to finish.

5List group

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

Morning

Every detail is handled by people who care about getting it right. 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.

Midday

Friendly people answer your questions quickly, by phone, chat or email. 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.

Afternoon

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. Thousands of clients already trust us, and we work hard to keep it that way. We listen first, then build a plan around what you actually need.

Evening

We combine strategy, design and technology to build brands that grow. 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.

6Simple anchors

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

Alpha

Websites we build are fast, accessible and easy for your team to update. 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.

Beta

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. Clear prices, honest advice and no surprises along the way. Clients stay with us for years because we treat their brand like our own.

Gamma

Fixed prices and weekly demos keep you in control from start to finish. Every project starts with a workshop, so we understand your audience before we design. We have helped more than a hundred companies launch, rebrand and grow online.

7Underline tabs

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

Overview

Small teams, short feedback loops and no handoffs lost in translation. We measure success in sign-ups, sales and brand recall, not just awards. Thousands of clients already trust us, and we work hard to keep it that way.

Features

Our motion team turns complex ideas into short films people actually watch. Start in minutes and get help from a real person whenever you need it. 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.

Reviews

Websites we build are fast, accessible and easy for your team to update. We combine strategy, design and technology to build brands that grow. We keep things simple, so you can focus on what matters to you. Our team has done this many times, so you never have to guess.

FAQ

We listen first, then build a plan around what you actually need. From logo to launch campaign, everything is designed to work together. Friendly people answer your questions quickly, by phone, chat or email.

8Table of contents on the right

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

Summary

Every detail is handled by people who care about getting it right. 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.

Background

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. Websites we build are fast, accessible and easy for your team to update.

Method

Friendly people answer your questions quickly, by phone, chat or email. Clear prices, honest advice and no surprises along the way. From logo to launch campaign, everything is designed to work together.

Results

Thousands of clients already trust us, and we work hard to keep it that way. 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.

9Numbered steps

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

Create an account

We keep things simple, so you can focus on what matters to you. We listen first, then build a plan around what you actually need. Our team has done this many times, so you never have to guess.

Set up your profile

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.

Invite the team

Clients stay with us for years because we treat their brand like our own. 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.

Go live

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. We test early with real users, so the final design works on the first day.

10Timeline by year

Year buttons follow a scrolling company timeline.

2023

The small habits that make a big difference

Senior designers lead every project from the first sketch to the final file. Every detail is handled by people who care about getting it right. Small teams, short feedback loops and no handoffs lost in translation. We keep things simple, so you can focus on what matters to you.

2024

Planning a month of social content in a day

Every project starts with a workshop, so we understand your audience before we design. From logo to launch campaign, everything is designed to work together. Our team has done this many times, so you never have to guess. We combine strategy, design and technology to build brands that grow.

2025

Our favourite tips for busy weeks

We measure success in sign-ups, sales and brand recall, not just awards. Thousands of clients already trust us, and we work hard to keep it that way. Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many clients come back and tell their friends.

2026

A checklist for your next website launch

Clear prices, honest advice and no surprises along the way. 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.

11FAQ sections

Question groups in a scrollable panel with topic links.

Orders

What our clients asked us most?
Clients stay with us for years because we treat their brand like our own.
Looking back at a busy season?
Our motion team turns complex ideas into short films people actually watch.
Five things we learned this year?
Websites we build are fast, accessible and easy for your team to update.

Shipping

Inside our design process?
From logo to launch campaign, everything is designed to work together.
How to choose the right project?
Clients stay with us for years because we treat their brand like our own.
Choosing colours that sell?
Friendly people answer your questions quickly, by phone, chat or email.

Returns

Five website mistakes that cost you leads?
Our team has done this many times, so you never have to guess.
A beginner's guide to getting started?
We keep things simple, so you can focus on what matters to you.
How we ran a rebrand in eight weeks?
We have helped more than a hundred companies launch, rebrand and grow online.

12Icon menu

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

Performance

Our motion team turns complex ideas into short films people actually watch. Clear prices, honest advice and no surprises along the way. Every detail is handled by people who care about getting it right.

Battery

We measure success by how many clients come back and tell their friends. We combine strategy, design and technology to build brands that grow. 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.

Connectivity

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. We test early with real users, so the final design works on the first day.

Security

We measure success in sign-ups, sales and brand recall, not just awards. Small teams, short feedback loops and no handoffs lost in translation. Every project starts with a workshop, so we understand your audience before we design.

13Pricing plans

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

Starter

$15.78 / mo

  • Senior designers only
  • Fast turnaround
  • Weekly demos

Team

$29.04 / mo

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

Business

$69.60 / mo

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

14Chapter reader

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

Chapter 1: Lessons from a year of client workshops

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. 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. Our team has done this many times, so you never have to guess. Websites we build are fast, accessible and easy for your team to update.

Chapter 2: Designing packaging that survives the shelf

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. Thousands of clients already trust us, and we work hard to keep it that way.

Friendly people answer your questions quickly, by phone, chat or email. Every detail is handled by people who care about getting it right. From logo to launch campaign, everything is designed to work together.

Chapter 3: Why motion matters for modern brands

We measure success by how many clients come back and tell their friends. We listen first, then build a plan around what you actually need. We test early with real users, so the final design works on the first day.

We measure success in sign-ups, sales and brand recall, not just awards. We keep things simple, so you can focus on what matters to you. 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.

Chapter 4: What makes a brand memorable

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. We combine strategy, design and technology to build brands that grow. Clear prices, honest advice and no surprises along the way.

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. Fixed prices and weekly demos keep you in control from start to finish.

15Settings form

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

Profile

Start in minutes and get help from a real person whenever you need it. Every project starts with a workshop, so we understand your audience before we design. 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.

Notifications

Small teams, short feedback loops and no handoffs lost in translation. We combine strategy, design and technology to build brands that grow. Senior designers lead every project from the first sketch to the final file.

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. Clients stay with us for years because we treat their brand like our own. We have helped more than a hundred companies launch, rebrand and grow online.

16Team directory

Department links track a scrolling list of people.

Sales

  • Omar Fischer
    Omar Fischer
    Project Manager
  • Ivy Harlow
    Ivy Harlow
    Finance Lead
  • Owen Fischer
    Owen Fischer
    Backend Engineer

Legal

  • Mateo Hughes
    Mateo Hughes
    Product Designer
  • Diego Lindqvist
    Diego Lindqvist
    Customer Success
  • Mason Ortega
    Mason Ortega
    Operations Manager

Design

  • Arjun Brennan
    Arjun Brennan
    Support Specialist
  • Ava Delgado
    Ava Delgado
    Finance Lead
  • Lucas Whitaker
    Lucas Whitaker
    Product Designer

17Catalogue categories

Category pills over a scrolling price list.

Print

  • Logo refresh$2,950
  • Website package$8,450
  • Brand sprint$4,600

Motion

  • Landing page$3,250
  • UX audit$2,550
  • Explainer animation$5,600

Branding

  • Print collateral$1,550
  • UX audit$2,600
  • Website package$9,100

18Inside a card

Card header pills spy on the scrolling card body.

Today

Our motion team turns complex ideas into short films people actually watch. We keep things simple, so you can focus on what matters to you. We listen first, then build a plan around what you actually need. We measure success by how many clients come back and tell their friends.

This week

From logo to launch campaign, everything is designed to work together. We measure success in sign-ups, sales and brand recall, not just awards. Clear prices, honest advice and no surprises along the way.

Later

We listen first, then build a plan around what you actually need. We test early with real users, so the final design works on the first day. Thousands of clients already trust us, and we work hard to keep it that way. From logo to launch campaign, everything is designed to work together.

19Dark theme

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

Launch

We keep things simple, so you can focus on what matters to you. Clear prices, honest advice and no surprises along the way. Senior designers lead every project from the first sketch to the final file.

Orbit

Clients stay with us for years because we treat their brand like our own. Our team has done this many times, so you never have to guess. Fixed prices and weekly demos keep you in control from start to finish.

Landing

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 measure success by how many clients come back and tell their friends. 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 May 20, 2026

  • NewStart in minutes and get help from a real person whenever you need it.
  • ImprovedEvery project starts with a workshop, so we understand your audience before we design.
  • FixedWe measure success in sign-ups, sales and brand recall, not just awards.

v3.1 Jun 3, 2026

  • NewOur motion team turns complex ideas into short films people actually watch.
  • ImprovedFriendly people answer your questions quickly, by phone, chat or email.
  • FixedWe combine strategy, design and technology to build brands that grow.

v3.0 Dec 11, 2025

  • NewWe have helped more than a hundred companies launch, rebrand and grow online.
  • ImprovedOur motion team turns complex ideas into short films people actually watch.
  • FixedOur team has done this many times, so you never have to guess.

v2.9 Oct 26, 2025

  • 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.
  • FixedWe measure success in sign-ups, sales and brand recall, not just awards.