Skip to content
Haloia
Notifications
Freya Haddad joined the team
21 hours agoKai Ashford updated the report
just nowPriya Hughes 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-bs-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 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.

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

Details

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

Pricing

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

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

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

Step two

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

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

Step four

Fixed prices and weekly demos keep you in control from start to finish. Small teams, short feedback loops and no handoffs lost in translation. We keep things simple, so you can focus on what matters to you.

3Vertical pills

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

UX research

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

Web design

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. Friendly people answer your questions quickly, by phone, chat or email. Our team has done this many times, so you never have to guess.

Content strategy

Friendly people answer your questions quickly, by phone, chat or email. We combine strategy, design and technology to build brands that grow. We measure success in sign-ups, sales and brand recall, not just awards. Our team has done this many times, so you never have to guess.

Questions

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

4Nested navigation

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

Getting started

Every detail is handled by people who care about getting it right. 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. Fixed prices and weekly demos keep you in control from start to finish.

Install

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

Configure

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. We have helped more than a hundred companies launch, rebrand and grow online. From logo to launch campaign, everything is designed to work together.

Usage

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

Examples

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

5List group

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

Morning

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

Midday

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

Afternoon

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

Evening

We listen first, then build a plan around what you actually need. Our motion team turns complex ideas into short films people actually watch. Small teams, short feedback loops and no handoffs lost in translation.

6Simple anchors

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

Alpha

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

Beta

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

Gamma

We keep things simple, so you can focus on what matters to you. Small teams, short feedback loops and no handoffs lost in translation. 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.

7Underline tabs

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

Overview

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

Features

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

Reviews

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

FAQ

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

8Table of contents on the right

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

Summary

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

Background

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

Method

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

Results

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

On this page

9Numbered steps

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

Create an account

Every detail is handled by people who care about getting it right. 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. We keep things simple, so you can focus on what matters to you.

Set up your profile

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.

Invite the team

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

Go live

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

10Timeline by year

Year buttons follow a scrolling company timeline.

2023

A checklist for your next website launch

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

2024

How to choose the right project

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

2025

Our favourite tips for busy weeks

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

2026

The small habits that make a big difference

We combine strategy, design and technology to build brands that grow. 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. Thousands of clients already trust us, and we work hard to keep it that way.

11FAQ sections

Question groups in a scrollable panel with topic links.

Orders

Why motion matters for modern brands?
Every project starts with a workshop, so we understand your audience before we design.
Inside our design process?
Clients stay with us for years because we treat their brand like our own.
Lessons from a year of client workshops?
Senior designers lead every project from the first sketch to the final file.

Shipping

What makes a brand memorable?
Small teams, short feedback loops and no handoffs lost in translation.
A beginner's guide to getting started?
From logo to launch campaign, everything is designed to work together.
How we ran a rebrand in eight weeks?
Our team has done this many times, so you never have to guess.

Returns

Planning a month of social content in a day?
Fixed prices and weekly demos keep you in control from start to finish.
Designing packaging that survives the shelf?
Friendly people answer your questions quickly, by phone, chat or email.
Choosing colours that sell?
Clear prices, honest advice and no surprises along the way.

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

Battery

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

Connectivity

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

Security

Every detail is handled by people who care about getting it right. We combine strategy, design and technology to build brands that grow. Small teams, short feedback loops and no handoffs lost in translation.

13Pricing plans

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

Starter

$9.74 / mo

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

Team

$39.82 / mo

  • Senior designers only
  • Global clients
  • Fast turnaround

Business

$49.16 / mo

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

14Chapter reader

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

Chapter 1: Five website mistakes that cost you leads

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

Chapter 2: Looking back at a busy season

Friendly people answer your questions quickly, by phone, chat or email. From logo to launch campaign, everything is designed to work together. 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.

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

Chapter 3: What our clients asked us most

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

Chapter 4: Five things we learned this year

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

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

15Settings form

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

Profile

We have helped more than a hundred companies launch, rebrand and grow online. Our motion team turns complex ideas into short films people actually watch. Small teams, short feedback loops and no handoffs lost in translation.

Notifications

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

Privacy

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

16Team directory

Department links track a scrolling list of people.

Customer Support

  • Ethan Ortega
    Ethan Ortega
    Frontend Engineer
  • Kenji Alvarez
    Kenji Alvarez
    QA Engineer
  • Hana Whitaker
    Hana Whitaker
    Customer Success

Sales

  • Mia Moreau
    Mia Moreau
    Project Manager
  • Ruby Rossi
    Ruby Rossi
    QA Engineer
  • Zoe Novak
    Zoe Novak
    Sales Executive

Legal

  • Aria Lindqvist
    Aria Lindqvist
    Project Manager
  • Owen Varga
    Owen Varga
    Backend Engineer
  • Isla Okafor
    Isla Okafor
    Project Manager

17Catalogue categories

Category pills over a scrolling price list.

Web

  • Packaging design$4,050
  • Brand sprint$4,800
  • Logo refresh$2,800

Branding

  • Video edit$2,450
  • Logo refresh$2,850
  • Explainer animation$5,500

Social

  • Social kit$2,000
  • Explainer animation$5,800
  • Design retainer$3,650

18Inside a card

Card header pills spy on the scrolling card body.

Today

Clear prices, honest advice and no surprises along the way. 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. We measure success in sign-ups, sales and brand recall, not just awards.

This week

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

Later

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

19Dark theme

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

Launch

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

Orbit

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. Clear prices, honest advice and no surprises along the way. Every project starts with a workshop, so we understand your audience before we design.

Landing

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

20Changelog

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

v3.2 Oct 2, 2025

  • NewOur motion team turns complex ideas into short films people actually watch.
  • ImprovedWe measure success by how many clients come back and tell their friends.
  • FixedWe combine strategy, design and technology to build brands that grow.

v3.1 Mar 14, 2026

  • NewEvery detail is handled by people who care about getting it right.
  • ImprovedWe keep things simple, so you can focus on what matters to you.
  • FixedThousands of clients already trust us, and we work hard to keep it that way.

v3.0 Sep 29, 2026

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

v2.9 May 22, 2026

  • NewWe measure success in sign-ups, sales and brand recall, not just awards.
  • ImprovedSmall teams, short feedback loops and no handoffs lost in translation.
  • FixedClients stay with us for years because we treat their brand like our own.