←ALL WORK
CASE 04SAAS | SITE & DESIGN SYSTEM
Northbeam Labs
A marketing site, docs and component library that the in-house team still builds on every week.
- CLIENT
- Northbeam Labs, Oslo
- ROLE
- Design system, frontend
- TIMELINE
- 9 weeks, 2024
- STACK
- TypeScript | Astro
HANDED OVER, STILL SHIPPING
// THE BRIEF
Three products, three different looks.
Northbeam had grown by acquisition, and it showed. They needed one design system, a fast marketing site and docs built on it, and a team that could keep going after the engagement ended.
// WHAT SHIPPED
- 01Token-based design system with 60+ components
- 02Astro marketing site and docs with MDX
- 03Visual regression tests and a release pipeline
- 04Written playbook and two handover workshops
99
LIGHTHOUSE PERFORMANCE
60+
COMPONENTS
0.8s
LCP ON 4G
3→1
BRANDS UNIFIED
// HARD PARTS
What made it difficult, and how it got solved.
01
Unifying three brands
An audit of every screen produced a single token set, with product accents layered on top instead of forked.
02
Speed as a feature
Static-first rendering and islands only where needed kept every page under a second on 4G.
03
Surviving handover
Tests, docs and a playbook meant the internal team shipped their first component a week after I left.
“Most agencies leave you a Figma file. Netriot left us a system we still use every day.”
2 SLOTS OPEN FOR NOVEMBER
Need a website or app like Northbeam Labs?
Tell me what you're building. You'll get a 30-minute call, a written scope within two days, and a fixed price before any code is written.
or write directly | [email protected]