Skip to content
Junoix
Notifications
Mia Lindqvist updated the report
3 hours agoElena Whitaker sent a new order
6 days agoSofia Sato joined the team
27 min 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-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 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. Every detail is handled by people who care about getting it right. Clear prices, honest advice and no surprises along the way.

We keep things simple, so you can focus on what matters to you. Websites we build are fast, accessible and easy for your team to update. 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.

Details

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

Pricing

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

We combine strategy, design and technology to build brands that grow. We measure success by how many clients come back and tell their friends. Friendly people answer your questions quickly, by phone, chat or email.

2Horizontal pills

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

Step one

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

Step two

We measure success in sign-ups, sales and brand recall, not just awards. Senior designers lead every project from the first sketch to the final file. Websites we build are fast, accessible and easy for your team to update.

Step three

Our team has done this many times, so you never have to guess. Clients stay with us for years because we treat their brand like our own. Thousands of clients already trust us, and we work hard to keep it that way.

Step four

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

Motion graphics

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.

UX research

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

Content strategy

Every project starts with a workshop, so we understand your audience before we design. Friendly people answer your questions quickly, by phone, chat or email. We measure success by how many clients come back and tell their friends.

Questions

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

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

Install

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. Senior designers lead every project from the first sketch to the final file.

Configure

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. From logo to launch campaign, everything is designed to work together. Our team has done this many times, so you never have to guess.

Usage

We combine strategy, design and technology to build brands that grow. We keep things simple, so you can focus on what matters to you. Small teams, short feedback loops and no handoffs lost in translation. We measure success in sign-ups, sales and brand recall, not just awards.

Examples

Friendly people answer your questions quickly, by phone, chat or email. Senior designers lead every project from the first sketch to the final file. Small teams, short feedback loops and no handoffs lost in translation.

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

Midday

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

Afternoon

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

Evening

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

6Simple anchors

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

Alpha

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.

Beta

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

Gamma

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

7Underline tabs

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

Overview

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

Features

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

Reviews

Small teams, short feedback loops and no handoffs lost in translation. 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. We measure success in sign-ups, sales and brand recall, not just awards.

FAQ

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

8Table of contents on the right

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

Summary

From logo to launch campaign, everything is designed to work together. 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 keep things simple, so you can focus on what matters to you.

Background

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

Method

We measure success in sign-ups, sales and brand recall, not just awards. Clear prices, honest advice and no surprises along the way. Our team has done this many times, so you never have to guess.

Results

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

On this page

9Numbered steps

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

Create an account

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

Set up your profile

Senior designers lead every project from the first sketch to the final file. We combine strategy, design and technology to build brands that grow. Our motion team turns complex ideas into short films people actually watch.

Invite the team

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

Go live

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

10Timeline by year

Year buttons follow a scrolling company timeline.

2023

Looking back at a busy season

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

2024

Planning a month of social content in a day

We measure success in sign-ups, sales and brand recall, not just awards. 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. Fixed prices and weekly demos keep you in control from start to finish.

2025

The small habits that make a big difference

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

2026

Five things we learned this year

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. Small teams, short feedback loops and no handoffs lost in translation. Senior designers lead every project from the first sketch to the final file.

11FAQ sections

Question groups in a scrollable panel with topic links.

Orders

A beginner's guide to getting started?
Our team has done this many times, so you never have to guess.
What makes a brand memorable?
Thousands of clients already trust us, and we work hard to keep it that way.
What our clients asked us most?
Clients stay with us for years because we treat their brand like our own.

Shipping

How we ran a rebrand in eight weeks?
We measure success by how many clients come back and tell their friends.
Designing packaging that survives the shelf?
We test early with real users, so the final design works on the first day.
Choosing colours that sell?
Websites we build are fast, accessible and easy for your team to update.

Returns

Why motion matters for modern brands?
Our motion team turns complex ideas into short films people actually watch.
Inside our design process?
We combine strategy, design and technology to build brands that grow.
How to choose the right project?
Every detail is handled by people who care about getting it right.

12Icon menu

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

Performance

Clear prices, honest advice and no surprises along the way. From logo to launch campaign, everything is designed to work together. Fixed prices and weekly demos keep you in control from start to finish.

Battery

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. Friendly people answer your questions quickly, by phone, chat or email. We listen first, then build a plan around what you actually need.

Connectivity

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

Security

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

13Pricing plans

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

Starter

$15.17 / mo

  • Fast turnaround
  • Award-winning team
  • Weekly demos

Team

$38.84 / mo

  • Weekly demos
  • Fixed-price projects
  • Senior designers only

Business

$68.04 / mo

  • Fast turnaround
  • Weekly demos
  • Weekly demos

14Chapter reader

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

Chapter 1: Five website mistakes that cost you leads

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

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. Our team has done this many times, so you never have to guess. From logo to launch campaign, everything is designed to work together.

Chapter 2: Lessons from a year of client workshops

Fixed prices and weekly demos keep you in control from start to finish. Friendly people answer your questions quickly, by phone, chat or email. We keep things simple, so you can focus on what matters to you.

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 detail is handled by people who care about getting it right. Websites we build are fast, accessible and easy for your team to update.

Chapter 3: Our favourite tips for busy weeks

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

Friendly people answer your questions quickly, by phone, chat or email. 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. Every detail is handled by people who care about getting it right.

Chapter 4: A checklist for your next website launch

Our team has done this many times, so you never have to guess. 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 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. We listen first, then build a plan around what you actually need. We measure success in sign-ups, sales and brand recall, not just awards.

15Settings form

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

Profile

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

Notifications

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

Privacy

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

16Team directory

Department links track a scrolling list of people.

Design

  • Jonah Tanaka
    Jonah Tanaka
    Sales Executive
  • Finn Varga
    Finn Varga
    QA Engineer
  • Elena Mensah
    Elena Mensah
    QA Engineer

Engineering

  • Amara Ibrahim
    Amara Ibrahim
    HR Partner
  • Mateo Duarte
    Mateo Duarte
    Operations Manager
  • Mason Ashford
    Mason Ashford
    Frontend Engineer

Operations

  • Nora Whitaker
    Nora Whitaker
    Finance Lead
  • Isla Delgado
    Isla Delgado
    Art Director
  • Felix Kowalski
    Felix Kowalski
    Backend Engineer

17Catalogue categories

Category pills over a scrolling price list.

Motion

  • Print collateral$1,500
  • Social kit$2,000
  • Landing page$3,350

Print

  • Packaging design$4,450
  • Brand sprint$4,750
  • UX audit$2,700

Branding

  • Website package$9,250
  • Launch campaign$10,000
  • Social kit$2,000

18Inside a card

Card header pills spy on the scrolling card body.

Today

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

This week

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. Small teams, short feedback loops and no handoffs lost in translation. From logo to launch campaign, everything is designed to work together.

Later

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

19Dark theme

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

Launch

Friendly people answer your questions quickly, by phone, chat or email. 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. Start in minutes and get help from a real person whenever you need it.

Orbit

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

Landing

Senior designers lead every project from the first sketch to the final file. 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.

20Changelog

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

v3.2 Feb 9, 2026

  • NewEvery project starts with a workshop, so we understand your audience before we design.
  • ImprovedWe test early with real users, so the final design works on the first day.
  • FixedClear prices, honest advice and no surprises along the way.

v3.1 Apr 7, 2026

  • NewWe measure success by how many clients come back and tell their friends.
  • ImprovedThousands of clients already trust us, and we work hard to keep it that way.
  • FixedWe have helped more than a hundred companies launch, rebrand and grow online.

v3.0 Mar 30, 2026

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

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