Origin
A three-person studio working out of a spare bedroom, taking on any brief that would let us learn something.
Scrollytelling
Pinned scroll narratives — chapters, zooms, depth scenes
16 blocks( filter blocks )
01 — PinnedChaptersPinned viewport where numbered chapters crossfade in as you scroll
( 01 — chapters )
01
( the problem )
Most stories get told once, then forgotten
A single scroll used to be enough. Attention is shorter now — the story has to hold the viewer chapter by chapter, not paragraph by paragraph.
02
( the shift )
We started designing for the scrollbar
Every pixel of scroll became a frame of animation. The page stopped being a document and became a timeline the reader controls.
03
( the craft )
Pacing is the whole job now
Hold a beat too long and people bail. Cut too fast and nothing lands. We tune every chapter transition by feel, then by frame rate.
04
( the result )
A page that behaves like a film
Chapters crossfade instead of jump-cut. The viewport becomes a screen, and the scroll becomes the projector.
02 — ScrollProgressStoryNarrative beats with a reading-progress rail and a sticky image that swaps per beat
( 02 — our story )
01
Idea
It started as a napkin sketch and a hunch that the market was ready for something less generic.
02
Prototype
Three weeks of throwaway code proved the interaction was worth building for real — the hunch held up.
03
Traction
The first cohort of users found us through word of mouth alone. Retention told us we had something.
04
Scale
What worked for a hundred users had to work for a hundred thousand — so we rebuilt the foundations.
03 — ZoomThroughFramesPinned tunnel-zoom where nested frames scale from a pinprick to past the edges
( 03 — process )
Zoom into the work
01strategy
02direction
03system
04motion
05launch
welcome in
04 — StickyImageSequenceText steps scroll on the left while a sticky image morphs to match each step
( 04 — how it works )
01
Connect your stack
One integration links every tool your team already runs — no migrations, no lock-in, no waiting on IT.
02
Automate the busywork
Rules run in the background so status updates, hand-offs and reminders happen without anyone touching a keyboard.
03
Watch it in real time
A single live view replaces the stand-up. Everyone sees the same state of the world, updated as it changes.
04
Ship with confidence
Every change is reversible and every action is logged, so moving fast never means moving blind.
05 — HorizontalChaptersPinned horizontal scroll through numbered, stroked-type chapters
( 05 — timeline )
Five chapters, one studio
Focus
We narrowed to product and brand work for teams building something genuinely new — the projects that keep us honest.
Craft
Systems over one-offs. Every engagement now leaves the client with tokens, components and documentation, not just files.
Studio
Twelve people across three time zones, still turning down more work than we take on.
Now
Building the next chapter with the same rule we started with: never ship something we would not be proud to sign.
06 — RevealOnScrollWallGiant pinned statement whose words sharpen from a blurred ghost into focus as you scroll
( 06 — manifesto )
Great work is not decoration. It is the argument the product makes before anyone reads a word of copy.
07 — ParallaxDepthSceneLayered depth scene where background, mid and foreground media move at different scroll speeds
( 07 — depth )
scroll ↓
08 — CounterMilestonesPinned year + spring-animated stat scrubbed by a scrolling milestone timeline
( 08 — timeline )
Milestones, scrubbed by scroll
2016
Started in a co-working corner with three laptops and a shared conviction.
2019
Crossed forty shipped engagements — the first repeat clients started returning.
2022
Grew to twelve across design, motion and engineering without losing the studio feel.
2026
Backed the studio into a product company, still run by the same three founders.
founders, one studio
09 — ClipPathTransitionPinned iris-wipe where the next scene expands from a circular clip over the first
( before )
A brand nobody could describe in one sentence
( after )
A system every team can ship from on day one
10 — RotatingShowcasePinned 3D card carousel that spins around a ring as the section scrolls
( 10 — showcase )
Work in the round
scroll to rotate
Northlight
ProductCascade
BrandVermillion
CampaignStillwater
WebFerrous
MotionAmaranth
Identity11 — StoryProgressProofPinned construction-webcam frame that swaps through month-stamped site photos with a progress rail of months
( live from the site )
Watch it rise, month by month
cam 02 — north tower
NOV 2025— groundwork
JAN 2026— foundations
MAR 2026— structure
MAY 2026— facade
JUL 2026— fit-out
NOV 2025groundwork
Site cleared, piles driven down to bedrock.
JAN 2026foundations
Base slab poured and cured through the frost.
MAR 2026structure
Concrete frame climbs past level nine.
MAY 2026facade
Glazing and stone panels seal the tower.
JUL 2026fit-out
Lobbies, interiors and landscaping under way.
12 — StorySourceToPlateFarm-to-table sourcing story: pinned media swaps through origin, craft and plate while chapter text slides in
( from source to plate )
01 / 03
( origin )
It starts in soil, not in a kitchen
Heirloom vegetables and slow-grazed herds from growers we call by first name — picked at dawn, forty minutes from our door.
( craft )
Fire, salt and patient hands
Whole animals butchered in-house, bread proofed overnight, stocks that simmer while the city sleeps. Nothing arrives ready-made.
( plate )
Served the hour it is ready
A short menu written every morning around what the farm sent. When a dish runs out, it runs out — tomorrow it will be something else.
13 — StoryBuildStagesPinned frame where a CSS building of stacked bars grows stage by stage next to a lit-up spec sheet
( build sequence )
Four stages, zero shortcuts
01
Foundations
- depth
- −12 m
- concrete
- 4 800 m³
- completed
- Q1 2025
02
Structure
- floors
- 2 — 18
- cycle
- 6 days / floor
- completed
- Q4 2025
03
Facade
- glazing
- 12 400 m²
- cladding
- stone + glass
- completed
- Q2 2026
04
Fit-out
- lobbies
- 3, double-height
- landscaping
- 1.2 ha park
- handover
- Q4 2026
lvl 01 / 22
14 — StoryDayAtVenueMorning-to-night venue chapters whose section background color-shifts with the hour, flipping the palette after dark
( one day here )
07:3015:0023:00
07:30
( morning )
Coffee and courtyard light
Doors open to fresh pastry, filter coffee and the quiet hour before the city fully wakes. Regulars keep their table by the window.
15:00
( afternoon )
Long lunches, slow hours
The kitchen settles into service, sun crosses the terrace, and nobody is asked to hurry. Afternoons here are meant to stretch.
23:00
( night )
The bar takes over
Lights drop, vinyl goes on, and the room changes character entirely. Last orders are late, and the walk home is short.
15 — AssemblyScrubCopy chapters scroll past a sticky frame that builds itself — photo slices fly and rotate into a finished elevation with a technical drawing plate
( 02 — the build )
BLCK. 01
Foundation
Every project starts below grade — soil surveys, load paths and a concrete raft engineered for the next hundred years.
BLCK. 02
Structure
A prefabricated frame arrives in numbered segments and is bolted together in weeks, not seasons.
BLCK. 03
Envelope
Facade panels lock onto the frame like drawing sheets onto a title block — sealed, insulated, tested.
BLCK. 04
Handover
Systems commissioned, snags closed, keys on the table. The drawing set becomes an address.
Drawing No. 158.01.00Scale 1 : 100Rev. C — approved
16 — SceneRiderValuesStroke-drawn cyclist rides across the section scrubbed by scroll, lighting up a checkpoint tick and value item as it passes each one
( what we stand for )
- 01
Show up early
We arrive before the doubt does — first at the start line, first to volunteer, first to say yes.
- 02
Keep it human
No jargon, no gatekeeping. If a ten-year-old can join in, we built it right.
- 03
Go the distance
Quick wins are fun; finished promises are better. We commit for seasons, not sprints.
- 04
Leave a trail
Everything we learn gets written down and handed on, so the next crew starts further ahead.