Skip to content
Notifications
Mateo Lindqvist updated the report
just nowDiego Alvarez updated the report
12 min agoIvy Kim commented on your task
2 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

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. 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. We have helped more than a hundred companies launch, rebrand and grow online. Small teams, short feedback loops and no handoffs lost in translation.

Details

From logo to launch campaign, everything is designed to work together. 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. Clear prices, honest advice and no surprises along the way.

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

Pricing

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 test early with real users, so the final design works on the first day. Senior designers lead every project from the first sketch to the final file.

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

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 listen first, then build a plan around what you actually need. Our team has done this many times, so you never have to guess.

Step two

Friendly people answer your questions quickly, by phone, chat or email. 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. We measure success in sign-ups, sales and brand recall, not just awards.

Step three

We combine strategy, design and technology to build brands that grow. Websites we build are fast, accessible and easy for your team to update. 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.

Step four

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

3Vertical pills

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

Motion graphics

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

Content strategy

Our motion team turns complex ideas into short films people actually watch. Clear prices, honest advice and no surprises along the way. Senior designers lead every project from the first sketch to the final file. Clear prices, honest advice and no surprises along the way.

Campaign production

We test early with real users, so the final design works on the first day. We have helped more than a hundred companies launch, rebrand and grow online. Friendly people answer your questions quickly, by phone, chat or email. We keep things simple, so you can focus on what matters to you.

Questions

Clients stay with us for years because we treat their brand like our own. Small teams, short feedback loops and no handoffs lost in translation. 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.

4Nested navigation

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

Getting started

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

Install

Websites we build are fast, accessible and easy for your team to update. From logo to launch campaign, everything is designed to work together. Every project starts with a workshop, so we understand your audience before we design.

Configure

We combine strategy, design and technology to build brands that grow. We measure success in sign-ups, sales and brand recall, not just awards. Fixed prices and weekly demos keep you in control from start to finish.

Usage

Every detail is handled by people who care about getting it right. We listen first, then build a plan around what you actually need. 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.

Examples

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. We keep things simple, so you can focus on what matters to you. We combine strategy, design and technology to build brands that grow.

5List group

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

Morning

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

Midday

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

Afternoon

Start in minutes and get help from a real person whenever you need it. 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.

Evening

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

6Simple anchors

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

Alpha

Clear prices, honest advice and no surprises along the way. 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. We test early with real users, so the final design works on the first day.

Beta

Websites we build are fast, accessible and easy for your team to update. Senior designers lead every project from the first sketch to the final file. Small teams, short feedback loops and no handoffs lost in translation.

Gamma

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

7Underline tabs

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

Overview

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. Fixed prices and weekly demos keep you in control from start to finish. Our team has done this many times, so you never have to guess.

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

Reviews

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

FAQ

We combine strategy, design and technology to build brands that grow. We listen first, then build a plan around what you actually need. 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 project starts with a workshop, so we understand your audience before we design. 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.

Background

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

Method

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

Results

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. Small teams, short feedback loops and no handoffs lost in translation. Every detail is handled by people who care about getting it right.

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. Friendly people answer your questions quickly, by phone, chat or email. Start in minutes and get help from a real person whenever you need it. Clear prices, honest advice and no surprises along the way.

Set up your profile

We keep things simple, so you can focus on what matters to you. 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. Our motion team turns complex ideas into short films people actually watch.

Invite the team

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

Go live

We keep things simple, so you can focus on what matters to you. We measure success by how many clients come back and tell their friends. From logo to launch campaign, everything is designed to work together. Thousands of clients already trust us, and we work hard to keep it that way.

10Timeline by year

Year buttons follow a scrolling company timeline.

2023

What makes a brand memorable

Start in minutes and get help from a real person whenever you need it. We combine strategy, design and technology to build brands that grow. We measure success in sign-ups, sales and brand recall, not just awards.

2024

Choosing colours that sell

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. Every project starts with a workshop, so we understand your audience before we design. We listen first, then build a plan around what you actually need.

2025

Inside our design process

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. Friendly people answer your questions quickly, by phone, chat or email. Senior designers lead every project from the first sketch to the final file.

2026

A beginner's guide to getting started

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

11FAQ sections

Question groups in a scrollable panel with topic links.

Orders

A checklist for your next website launch?
Friendly people answer your questions quickly, by phone, chat or email.
Looking back at a busy season?
Thousands of clients already trust us, and we work hard to keep it that way.
How we ran a rebrand in eight weeks?
From logo to launch campaign, everything is designed to work together.

Shipping

Designing packaging that survives the shelf?
Fixed prices and weekly demos keep you in control from start to finish.
Five website mistakes that cost you leads?
We keep things simple, so you can focus on what matters to you.
Why motion matters for modern brands?
Every detail is handled by people who care about getting it right.

Returns

The small habits that make a big difference?
Start in minutes and get help from a real person whenever you need it.
Lessons from a year of client workshops?
Websites we build are fast, accessible and easy for your team to update.
How to choose the right project?
We listen first, then build a plan around what you actually need.

12Icon menu

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

Performance

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

Battery

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

Connectivity

Clients stay with us for years because we treat their brand like our own. Senior designers lead every project from the first sketch to the final file. We combine strategy, design and technology to build brands that grow.

Security

We have helped more than a hundred companies launch, rebrand and grow online. Clear prices, honest advice and no surprises along the way. 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.

13Pricing plans

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

Starter

$18.45 / mo

  • Fixed-price projects
  • Global clients
  • Global clients

Team

$33.27 / mo

  • Global clients
  • Global clients
  • Senior designers only

Business

$66.79 / mo

  • Weekly demos
  • Fixed-price projects
  • Fixed-price projects

14Chapter reader

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

Chapter 1: What our clients asked us most

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. 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 have helped more than a hundred companies launch, rebrand and grow online. 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.

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

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

Chapter 3: Our favourite tips for busy weeks

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

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 listen first, then build a plan around what you actually need. Senior designers lead every project from the first sketch to the final file.

Chapter 4: Five things we learned this year

Small teams, short feedback loops and no handoffs lost in translation. We measure success in sign-ups, sales and brand recall, not just awards. From logo to launch campaign, everything is designed to work together.

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

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. 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. Start in minutes and get help from a real person whenever you need it.

Notifications

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

Privacy

Fixed prices and weekly demos keep you in control from start to finish. 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. We combine strategy, design and technology to build brands that grow.

16Team directory

Department links track a scrolling list of people.

Design

  • Liam Brennan
    Liam Brennan
    Customer Success
  • Elena Delgado
    Elena Delgado
    Sales Executive
  • Liam Kowalski
    Liam Kowalski
    Customer Success

Finance

  • Zoe Kim
    Zoe Kim
    Product Designer
  • Kai Nguyen
    Kai Nguyen
    Customer Success
  • Ruby Mensah
    Ruby Mensah
    Finance Lead

Marketing

  • Mason Alvarez
    Mason Alvarez
    Marketing Lead
  • Diego Larsen
    Diego Larsen
    Marketing Lead
  • Ella Okafor
    Ella Okafor
    Data Analyst

17Catalogue categories

Category pills over a scrolling price list.

Motion

  • Logo refresh$3,050
  • Landing page$3,350
  • Launch campaign$10,000

Web

  • Explainer animation$5,650
  • Social kit$1,900
  • UX audit$2,550

Social

  • Social kit$1,900
  • Website package$9,100
  • Print collateral$1,400

18Inside a card

Card header pills spy on the scrolling card body.

Today

We have helped more than a hundred companies launch, rebrand and grow online. 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.

This week

Fixed prices and weekly demos keep you in control from start to finish. We combine strategy, design and technology to build brands that grow. Clear prices, honest advice and no surprises along the way.

Later

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. 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 have helped more than a hundred companies launch, rebrand and grow online. 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. Websites we build are fast, accessible and easy for your team to update.

Orbit

Clients stay with us for years because we treat their brand like our own. Small teams, short feedback loops and no handoffs lost in translation. 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.

Landing

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.

20Changelog

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

v3.2 Jan 13, 2026

  • NewOur motion team turns complex ideas into short films people actually watch.
  • ImprovedEvery detail is handled by people who care about getting it right.
  • FixedFrom logo to launch campaign, everything is designed to work together.

v3.1 May 30, 2026

  • NewWebsites we build are fast, accessible and easy for your team to update.
  • ImprovedWe measure success by how many clients come back and tell their friends.
  • FixedWe test early with real users, so the final design works on the first day.

v3.0 Nov 2, 2025

  • NewWe combine strategy, design and technology to build brands that grow.
  • ImprovedClear prices, honest advice and no surprises along the way.
  • FixedFixed prices and weekly demos keep you in control from start to finish.

v2.9 Aug 22, 2026

  • NewWe keep things simple, so you can focus on what matters to you.
  • ImprovedSenior designers lead every project from the first sketch to the final file.
  • FixedEvery detail is handled by people who care about getting it right.