Skip to content
Notifications
Mateo Carter commented on your task
4 days agoRavi Ortega updated the report
yesterdayElla Kim sent a new order
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

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

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

Details

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

Pricing

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

2Horizontal pills

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

Step one

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

Step two

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

Step three

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

Step four

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

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

Content strategy

Our team has done this many times, so you never have to guess. Clear prices, honest advice and no surprises along the way. We keep things simple, so you can focus on what matters to you. From logo to launch campaign, everything is designed to work together.

Web design

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. Our team has done this many times, so you never have to guess.

Questions

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

Install

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

Configure

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

Usage

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

Examples

Every detail is handled by people who care about getting it right. Our team has done this many times, so you never have to guess. From logo to launch campaign, everything is designed to work together.

5List group

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

Morning

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

Midday

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

Afternoon

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 listen first, then build a plan around what you actually need. We have helped more than a hundred companies launch, rebrand and grow online.

Evening

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

6Simple anchors

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

Alpha

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

Beta

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

Gamma

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

7Underline tabs

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

Overview

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

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

Reviews

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

FAQ

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.

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

Background

Our team has done this many times, so you never have to guess. Senior designers lead every project from the first sketch to the final file. Clear prices, honest advice and no surprises along the way.

Method

Fixed prices and weekly demos keep you in control from start to finish. Small teams, short feedback loops and no handoffs lost in translation. Every detail is handled by people who care about getting it right.

Results

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

On this page

9Numbered steps

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

Create an account

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

Set up your profile

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

Invite the team

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

Go live

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.

10Timeline by year

Year buttons follow a scrolling company timeline.

2023

Our favourite tips for busy weeks

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

2024

Designing packaging that survives the shelf

We keep things simple, so you can focus on what matters to you. Friendly people answer your questions quickly, by phone, chat or email. Every detail is handled by people who care about getting it right.

2025

What makes a brand memorable

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

2026

Five website mistakes that cost you leads

Fixed prices and weekly demos keep you in control from start to finish. Our motion team turns complex ideas into short films people actually watch. Every detail is handled by people who care about getting it right. We combine strategy, design and technology to build brands that grow.

11FAQ sections

Question groups in a scrollable panel with topic links.

Orders

Inside our design process?
We test early with real users, so the final design works on the first day.
How to choose the right project?
Senior designers lead every project from the first sketch to the final file.
Lessons from a year of client workshops?
We have helped more than a hundred companies launch, rebrand and grow online.

Shipping

How we ran a rebrand in eight weeks?
Small teams, short feedback loops and no handoffs lost in translation.
The small habits that make a big difference?
Friendly people answer your questions quickly, by phone, chat or email.
What our clients asked us most?
We measure success in sign-ups, sales and brand recall, not just awards.

Returns

Choosing colours that sell?
Every project starts with a workshop, so we understand your audience before we design.
Planning a month of social content in a day?
Thousands of clients already trust us, and we work hard to keep it that way.
Looking back at a busy season?
Clear prices, honest advice and no surprises along the way.

12Icon menu

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

Performance

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

Battery

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

Connectivity

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

Security

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

13Pricing plans

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

Starter

$13.29 / mo

  • Global clients
  • Fast turnaround
  • Fixed-price projects

Team

$44.80 / mo

  • Fixed-price projects
  • Global clients
  • Global clients

Business

$62.99 / 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: A checklist for your next website launch

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 measure success in sign-ups, sales and brand recall, not just awards. We combine strategy, design and technology to build brands that grow.

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

Chapter 2: Five things we learned this year

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

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

Chapter 3: Why motion matters for modern brands

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

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

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

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

15Settings form

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

Profile

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

Notifications

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

Privacy

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

16Team directory

Department links track a scrolling list of people.

Operations

  • Owen Morgan
    Owen Morgan
    Project Manager
  • Ella Lindqvist
    Ella Lindqvist
    Operations Manager
  • Lea Moreau
    Lea Moreau
    Sales Executive

Sales

  • Noah Kim
    Noah Kim
    HR Partner
  • Mateo Duarte
    Mateo Duarte
    Data Analyst
  • Samir Larsen
    Samir Larsen
    Project Manager

Customer Support

  • Ruby Morgan
    Ruby Morgan
    Finance Lead
  • Kai Delgado
    Kai Delgado
    Sales Executive
  • Ethan Carter
    Ethan Carter
    Data Analyst

17Catalogue categories

Category pills over a scrolling price list.

Branding

  • Brand sprint$4,600
  • UX audit$2,550
  • Explainer animation$5,900

Motion

  • Website package$9,000
  • Explainer animation$5,250
  • Landing page$3,250

Social

  • Explainer animation$5,800
  • Print collateral$1,600
  • UX audit$2,650

18Inside a card

Card header pills spy on the scrolling card body.

Today

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

This week

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

Later

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

19Dark theme

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

Launch

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. Start in minutes and get help from a real person whenever you need it. Clear prices, honest advice and no surprises along the way.

Orbit

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

Landing

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

20Changelog

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

v3.2 Sep 14, 2025

  • NewSmall teams, short feedback loops and no handoffs lost in translation.
  • ImprovedWe measure success in sign-ups, sales and brand recall, not just awards.
  • FixedWe combine strategy, design and technology to build brands that grow.

v3.1 Dec 2, 2025

  • NewFrom logo to launch campaign, everything is designed to work together.
  • ImprovedWe test early with real users, so the final design works on the first day.
  • FixedStart in minutes and get help from a real person whenever you need it.

v3.0 Aug 22, 2026

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

v2.9 Oct 3, 2025

  • NewFixed prices and weekly demos keep you in control from start to finish.
  • ImprovedOur motion team turns complex ideas into short films people actually watch.
  • FixedClients stay with us for years because we treat their brand like our own.