Case study · SaaS10 / 40

Northlight

Northlight is a workspace for teams: analytics, shared projects and calendars in one app that turns rough files into finished work. The page had to feel premium and a little electric, so it lives on a deep green night with one lime aurora, and the product itself takes the first screen.

Project: Northlight
Industry: SaaS · Productivity
Scope: Web design · Build · Motion
Built with: HTML, CSS, GSAP, ScrollTrigger, SVG
Year: 2026

Northlight — A dark landing page for a SaaS workspace that turns uploaded files into polished results, with a live dashboard in the first screen.

Overview

A lime aurora over a dashboard that actually works

The brief

A productivity tool for teams competes on how the product feels, so the page leads with the app rather than a promise. Everything sits on one dark green surface; the lime ring of light marks where to look, and every card below shows one real piece of the product.

What we did

The aurora fades in and breathes, the stars twinkle and the dashboard rises out of a tilt into place. Inside it the numbers count up, the chart line draws itself, the range switch morphs the curve between seven days, a month and three months with a tooltip on hover, and as you scroll the app's own content scrolls to show the table. The performance bars rise and ripple, the team orbits keep turning, the calendar toggle switches by itself and reshuffles the events. Partner logos and two rows of integration icons glide in opposite directions, the 4.5X counts up, the lightning bolt floats and tilts toward the cursor, the process cards brighten on hover, the call-to-action glow follows the mouse and the footer wordmark rises out of the page.