Skip to content
Notifications
Priya Fischer joined the team
3 min agoAria Tanaka updated the report
just nowNoah Duarte updated the report
1 days ago
View all

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

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

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. From logo to launch campaign, everything is designed to work together.

Details

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

Pricing

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

We measure success in sign-ups, sales and brand recall, not just awards. Start in minutes and get help from a real person whenever you need it. Clear prices, honest advice and no surprises along the way.

2Horizontal pills

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

Step one

From logo to launch campaign, everything is designed to work together. 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.

Step two

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

Step three

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. Start in minutes and get help from a real person whenever you need it. Every detail is handled by people who care about getting it right.

Step four

Our motion team turns complex ideas into short films people actually watch. 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.

3Vertical pills

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

Content strategy

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. We have helped more than a hundred companies launch, rebrand and grow online. We combine strategy, design and technology to build brands that grow.

Web design

Every project starts with a workshop, so we understand your audience before we design. Clear prices, honest advice and no surprises along the way. Small teams, short feedback loops and no handoffs lost in translation.

UX research

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

Questions

Start in minutes and get help from a real person whenever you need it. Websites we build are fast, accessible and easy for your team to update. Thousands of clients already trust us, and we work hard to keep it that way.

4Nested navigation

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

Getting started

We have helped more than a hundred companies launch, rebrand and grow online. From logo to launch campaign, everything is designed to work together. Senior designers lead every project from the first sketch to the final file.

Install

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. Our motion team turns complex ideas into short films people actually watch.

Configure

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

Usage

Every detail is handled by people who care about getting it right. Friendly people answer your questions quickly, by phone, chat or email. Clear prices, honest advice and no surprises along the way. We listen first, then build a plan around what you actually need.

Examples

Our team has done this many times, so you never have to guess. Small teams, short feedback loops and no handoffs lost in translation. 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.

5List group

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

Morning

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 by how many clients come back and tell their friends.

Midday

Websites we build are fast, accessible and easy for your team to update. Small teams, short feedback loops and no handoffs lost in translation. We have helped more than a hundred companies launch, rebrand and grow online. Fixed prices and weekly demos keep you in control from start to finish.

Afternoon

Our team has done this many times, so you never have to guess. Our motion team turns complex ideas into short films people actually watch. We combine strategy, design and technology to build brands that grow. Thousands of clients already trust us, and we work hard to keep it that way.

Evening

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. 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.

6Simple anchors

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

Alpha

Senior designers lead every project from the first sketch to the final file. Start in minutes and get help from a real person whenever you need it. Friendly people answer your questions quickly, by phone, chat or email. Every project starts with a workshop, so we understand your audience before we design.

Beta

Clear prices, honest advice and no surprises along the way. Our motion team turns complex ideas into short films people actually watch. We measure success by how many clients come back and tell their friends. Our team has done this many times, so you never have to guess.

Gamma

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

7Underline tabs

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

Overview

Senior designers lead every project from the first sketch to the final file. Friendly people answer your questions quickly, by phone, chat or email. Clients stay with us for years because we treat their brand like our own.

Features

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

Reviews

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

FAQ

Websites we build are fast, accessible and easy for your team to update. From logo to launch campaign, everything is designed to work together. 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.

8Table of contents on the right

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

Summary

Thousands of clients already trust us, and we work hard to keep it that way. Small teams, short feedback loops and no handoffs lost in translation. We test early with real users, so the final design works on the first day.

Background

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. 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.

Method

We have helped more than a hundred companies launch, rebrand and grow online. Small teams, short feedback loops and no handoffs lost in translation. Our team has done this many times, so you never have to guess.

Results

Clear prices, honest advice and no surprises along the way. Every detail is handled by people who care about getting it right. Clients stay with us for years because we treat their brand like our own.

On this page

9Numbered steps

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

Create an account

From logo to launch campaign, everything is designed to work together. 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.

Set up your profile

We measure success in sign-ups, sales and brand recall, not just awards. Friendly people answer your questions quickly, by phone, chat or email. We combine strategy, design and technology to build brands that grow. Websites we build are fast, accessible and easy for your team to update.

Invite the team

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 listen first, then build a plan around what you actually need. Clients stay with us for years because we treat their brand like our own.

Go live

We measure success in sign-ups, sales and brand recall, not just awards. 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. Start in minutes and get help from a real person whenever you need it.

10Timeline by year

Year buttons follow a scrolling company timeline.

2023

What makes a brand memorable

Small teams, short feedback loops and no handoffs lost in translation. 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

How we ran a rebrand in eight weeks

We keep things simple, so you can focus on what matters to you. Clear prices, honest advice and no surprises along the way. Every detail is handled by people who care about getting it right.

2025

Five website mistakes that cost you leads

We combine strategy, design and technology to build brands that grow. Thousands of clients already trust us, and we work hard to keep it that way. We measure success by how many clients come back and tell their friends. Every project starts with a workshop, so we understand your audience before we design.

2026

Designing packaging that survives the shelf

Our motion team turns complex ideas into short films people actually watch. Friendly people answer your questions quickly, by phone, chat or email. Our team has done this many times, so you never have to guess.

11FAQ sections

Question groups in a scrollable panel with topic links.

Orders

How to choose the right project?
From logo to launch campaign, everything is designed to work together.
Choosing colours that sell?
We test early with real users, so the final design works on the first day.
A checklist for your next website launch?
Fixed prices and weekly demos keep you in control from start to finish.

Shipping

Why motion matters for modern brands?
Friendly people answer your questions quickly, by phone, chat or email.
A beginner's guide to getting started?
Our motion team turns complex ideas into short films people actually watch.
Lessons from a year of client workshops?
Clients stay with us for years because we treat their brand like our own.

Returns

What our clients asked us most?
Start in minutes and get help from a real person whenever you need it.
The small habits that make a big difference?
Small teams, short feedback loops and no handoffs lost in translation.
Our favourite tips for busy weeks?
We measure success in sign-ups, sales and brand recall, not just awards.

12Icon menu

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

Performance

Clear prices, honest advice and no surprises along the way. Senior designers lead every project from the first sketch to the final file. 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.

Battery

We combine strategy, design and technology to build brands that grow. We have helped more than a hundred companies launch, rebrand and grow online. Websites we build are fast, accessible and easy for your team to update. Thousands of clients already trust us, and we work hard to keep it that way.

Connectivity

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. 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.

Security

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

13Pricing plans

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

Starter

$19.65 / mo

  • Weekly demos
  • Senior designers only
  • Weekly demos

Team

$41.09 / mo

  • Senior designers only
  • Fast turnaround
  • Fast turnaround

Business

$63.16 / mo

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

14Chapter reader

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

Chapter 1: Planning a month of social content in a day

Senior designers lead every project from the first sketch to the final file. From logo to launch campaign, everything is designed to work together. Start in minutes and get help from a real person whenever you need it.

We listen first, then build a plan around what you actually need. Small teams, short feedback loops and no handoffs lost in translation. Fixed prices and weekly demos keep you in control from start to finish.

Chapter 2: Inside our design process

Friendly people answer your questions quickly, by phone, chat or email. 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. Clear prices, honest advice and no surprises along the way.

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

Chapter 3: Looking back at a busy season

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

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

Chapter 4: Five things we learned this year

We keep things simple, so you can focus on what matters to you. Clear prices, honest advice and no surprises along the way. 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. Start in minutes and get help from a real person whenever you need it. Every detail is handled by people who care about getting it right.

15Settings form

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

Profile

Clients stay with us for years because we treat their brand like our own. Friendly people answer your questions quickly, by phone, chat or email. We have helped more than a hundred companies launch, rebrand and grow online.

Notifications

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

Privacy

We measure success by how many clients come back and tell their friends. From logo to launch campaign, everything is designed to work together. Senior designers lead every project from the first sketch to the final file. Small teams, short feedback loops and no handoffs lost in translation.

16Team directory

Department links track a scrolling list of people.

Marketing

  • Jonah Haddad
    Jonah Haddad
    Customer Success
  • Samir Larsen
    Samir Larsen
    Content Writer
  • Nadia Brennan
    Nadia Brennan
    HR Partner

Sales

  • Sofia Carter
    Sofia Carter
    Project Manager
  • Liam Morgan
    Liam Morgan
    Project Manager
  • Hana Mensah
    Hana Mensah
    Content Writer

Finance

  • Arjun Moreau
    Arjun Moreau
    HR Partner
  • Nora Harlow
    Nora Harlow
    Finance Lead
  • Owen Delgado
    Owen Delgado
    Operations Manager

17Catalogue categories

Category pills over a scrolling price list.

Print

  • Packaging design$4,200
  • Social kit$2,000
  • Website package$9,100

Web

  • Video edit$2,500
  • Launch campaign$10,000
  • Social kit$1,800

Motion

  • UX audit$2,700
  • Landing page$3,400
  • Explainer animation$5,950

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

This week

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

Later

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. 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

Senior designers lead every project from the first sketch to the final file. Every project starts with a workshop, so we understand your audience before we design. We combine strategy, design and technology to build brands that grow.

Orbit

Our motion team turns complex ideas into short films people actually watch. We measure success in sign-ups, sales and brand recall, not just awards. We measure success by how many clients come back and tell their friends.

Landing

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. Every detail is handled by people who care about getting it right. From logo to launch campaign, everything is designed to work together.

20Changelog

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

v3.2 Oct 1, 2026

  • NewWe listen first, then build a plan around what you actually need.
  • ImprovedWe test early with real users, so the final design works on the first day.
  • FixedFixed prices and weekly demos keep you in control from start to finish.

v3.1 May 26, 2026

  • NewSmall teams, short feedback loops and no handoffs lost in translation.
  • ImprovedWe keep things simple, so you can focus on what matters to you.
  • FixedWe measure success by how many clients come back and tell their friends.

v3.0 May 12, 2026

  • NewClients stay with us for years because we treat their brand like our own.
  • ImprovedOur motion team turns complex ideas into short films people actually watch.
  • FixedStart in minutes and get help from a real person whenever you need it.

v2.9 May 30, 2026

  • NewEvery detail is handled by people who care about getting it right.
  • ImprovedFixed prices and weekly demos keep you in control from start to finish.
  • FixedThousands of clients already trust us, and we work hard to keep it that way.