Skip to content
Notifications
Freya Larsen updated the report
2 hours agoTheo Kowalski commented on your task
6 days agoKai Delgado updated the report
just now
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

We have helped more than a hundred companies launch, rebrand and grow online. 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. We measure success in sign-ups, sales and brand recall, not just awards.

From logo to launch campaign, everything is designed to work together. Senior designers lead every project from the first sketch to the final file. 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.

Details

Small teams, short feedback loops and no handoffs lost in translation. 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. Clear prices, honest advice and no surprises along the way.

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

Pricing

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

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. Friendly people answer your questions quickly, by phone, chat or email. We have helped more than a hundred companies launch, rebrand and grow online.

2Horizontal pills

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

Step one

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

Step two

We combine strategy, design and technology to build brands that grow. From logo to launch campaign, everything is designed to work together. 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.

Step three

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

Step four

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. We measure success in sign-ups, sales and brand recall, not just awards. Every detail is handled by people who care about getting it right.

3Vertical pills

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

Campaign production

From logo to launch campaign, everything is designed to work together. 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. Fixed prices and weekly demos keep you in control from start to finish.

Content strategy

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

Brand identity

Friendly people answer your questions quickly, by phone, chat or email. Small teams, short feedback loops and no handoffs lost in translation. 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.

Questions

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

4Nested navigation

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

Getting started

We combine strategy, design and technology to build brands that grow. Our team has done this many times, so you never have to guess. We keep things simple, so you can focus on what matters to you. Clear prices, honest advice and no surprises along the way.

Install

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

Configure

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

Usage

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

Examples

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. Small teams, short feedback loops and no handoffs lost in translation. We listen first, then build a plan around what you actually need.

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

Midday

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

Afternoon

Every detail is handled by people who care about getting it right. 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. Our team has done this many times, so you never have to guess.

Evening

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

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. Small teams, short feedback loops and no handoffs lost in translation. We combine strategy, design and technology to build brands that grow.

Beta

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

Gamma

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 listen first, then build a plan around what you actually need.

7Underline tabs

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

Overview

We keep things simple, so you can focus on what matters to you. Friendly people answer your questions quickly, by phone, chat or email. From logo to launch campaign, everything is designed to work together. Our motion team turns complex ideas into short films people actually watch.

Features

We listen first, then build a plan around what you actually need. Friendly people answer your questions quickly, by phone, chat or email. We have helped more than a hundred companies launch, rebrand and grow online.

Reviews

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.

FAQ

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. We combine strategy, design and technology to build brands that grow. From logo to launch campaign, everything is designed to work together.

8Table of contents on the right

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

Summary

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

Background

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. Clear prices, honest advice and no surprises along the way. Our motion team turns complex ideas into short films people actually watch.

Method

Thousands of clients already trust us, and we work hard to keep it that way. 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. From logo to launch campaign, everything is designed to work together.

Results

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

On this page

9Numbered steps

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

Create an account

Clear prices, honest advice and no surprises along the way. Small teams, short feedback loops and no handoffs lost in translation. 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.

Set up your profile

We test early with real users, so the final design works on the first day. We listen first, then build a plan around what you actually need. 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.

Invite the team

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. Our team has done this many times, so you never have to guess. We combine strategy, design and technology to build brands that grow.

Go live

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

10Timeline by year

Year buttons follow a scrolling company timeline.

2023

How we ran a rebrand in eight weeks

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. Fixed prices and weekly demos keep you in control from start to finish. Clear prices, honest advice and no surprises along the way.

2024

Five things we learned this year

Our motion team turns complex ideas into short films people actually watch. From logo to launch campaign, everything is designed to work together. We keep things simple, so you can focus on what matters to you.

2025

How to choose the right project

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

2026

A beginner's guide to getting started

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

11FAQ sections

Question groups in a scrollable panel with topic links.

Orders

Lessons from a year of client workshops?
Websites we build are fast, accessible and easy for your team to update.
Why motion matters for modern brands?
Thousands of clients already trust us, and we work hard to keep it that way.
The small habits that make a big difference?
We listen first, then build a plan around what you actually need.

Shipping

A checklist for your next website launch?
Clients stay with us for years because we treat their brand like our own.
What our clients asked us most?
Senior designers lead every project from the first sketch to the final file.
Choosing colours that sell?
Every project starts with a workshop, so we understand your audience before we design.

Returns

Inside our design process?
Friendly people answer your questions quickly, by phone, chat or email.
What makes a brand memorable?
Our team has done this many times, so you never have to guess.
Our favourite tips for busy weeks?
We combine strategy, design and technology to build brands that grow.

12Icon menu

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

Performance

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. Every detail is handled by people who care about getting it right. We have helped more than a hundred companies launch, rebrand and grow online.

Battery

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

Connectivity

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.

Security

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.

13Pricing plans

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

Starter

$9.27 / mo

  • Fast turnaround
  • Award-winning team
  • Senior designers only

Team

$42.05 / mo

  • Fast turnaround
  • Global clients
  • Award-winning team

Business

$58.61 / mo

  • Weekly demos
  • Senior designers only
  • Global clients

14Chapter reader

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

Chapter 1: Designing packaging that survives the shelf

Small teams, short feedback loops and no handoffs lost in translation. 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. 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 measure success by how many clients come back and tell their friends. 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.

Chapter 2: Five website mistakes that cost you leads

From logo to launch campaign, everything is designed to work together. We combine strategy, design and technology to build brands that grow. 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. Our team has done this many times, so you never have to guess. 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.

Chapter 3: Looking back at a busy season

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. From logo to launch campaign, everything is designed to work together. 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. Small teams, short feedback loops and no handoffs lost in translation. Clear prices, honest advice and no surprises along the way. Start in minutes and get help from a real person whenever you need it.

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

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

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

15Settings form

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

Profile

From logo to launch campaign, everything is designed to work together. 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. Start in minutes and get help from a real person whenever you need it.

Notifications

Fixed prices and weekly demos keep you in control from start to finish. Thousands of clients already trust us, and we work hard to keep it that way. Our motion team turns complex ideas into short films people actually watch. We listen first, then build a plan around what you actually need.

Privacy

Clear prices, honest advice and no surprises along the way. Websites we build are fast, accessible and easy for your team to update. 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.

16Team directory

Department links track a scrolling list of people.

Finance

  • Owen Varga
    Owen Varga
    Content Writer
  • Luna Fischer
    Luna Fischer
    Frontend Engineer
  • Aria Moreau
    Aria Moreau
    Art Director

Marketing

  • Noah Silva
    Noah Silva
    Data Analyst
  • Nora Quinn
    Nora Quinn
    Backend Engineer
  • Ruby Larsen
    Ruby Larsen
    Product Designer

Sales

  • Theo Delgado
    Theo Delgado
    Marketing Lead
  • Liam Mensah
    Liam Mensah
    Art Director
  • Freya Haddad
    Freya Haddad
    Project Manager

17Catalogue categories

Category pills over a scrolling price list.

Branding

  • Launch campaign$15,000
  • Brand sprint$4,600
  • Explainer animation$5,900

Motion

  • Social kit$1,900
  • Launch campaign$10,000
  • Video edit$2,550

Print

  • Website package$8,800
  • Social kit$1,900
  • Landing page$3,300

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 combine strategy, design and technology to build brands that grow. Every project starts with a workshop, so we understand your audience before we design.

This week

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

Later

We measure success in sign-ups, sales and brand recall, not just awards. Small teams, short feedback loops and no handoffs lost in translation. We measure success by how many clients come back and tell their friends.

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. We combine strategy, design and technology to build brands that grow. Clear prices, honest advice and no surprises along the way. Friendly people answer your questions quickly, by phone, chat or email.

Orbit

Small teams, short feedback loops and no handoffs lost in translation. Our motion team turns complex ideas into short films people actually watch. 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.

Landing

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

20Changelog

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

v3.2 Jul 1, 2026

  • NewWe measure success by how many clients come back and tell their friends.
  • ImprovedOur team has done this many times, so you never have to guess.
  • FixedWe test early with real users, so the final design works on the first day.

v3.1 Sep 19, 2025

  • NewWe keep things simple, so you can focus on what matters to you.
  • ImprovedWe have helped more than a hundred companies launch, rebrand and grow online.
  • FixedEvery detail is handled by people who care about getting it right.

v3.0 Nov 29, 2025

  • NewWe listen first, then build a plan around what you actually need.
  • ImprovedFrom logo to launch campaign, everything is designed to work together.
  • FixedEvery project starts with a workshop, so we understand your audience before we design.

v2.9 Jan 26, 2026

  • NewStart in minutes and get help from a real person whenever you need it.
  • ImprovedOur team has done this many times, so you never have to guess.
  • FixedWe keep things simple, so you can focus on what matters to you.