2026 · Brand & product
Kivora design system
One system for 4 products — shipped in 10 weeks.
ZENTU · WIDGET #106
Scroll down and the story slides sideways. Eight panel styles, six motion effects, giant background type, clickable dots, snap-to-panel and a reversible direction — every section below is one widget.
8 panel stylesparallaxscale3D depthfade & blurskewbackground textdots & arrowssnapreverseauto header offset
Selected work
Four recent projects from Studio Nine (a fictional agency). Keep scrolling — the work slides past.
Scroll2025 · App
Orbitly travel app
Offline-first maps for slow travelers.
2025 · Packaging
Lumora skincare
A soft, sensory identity and storefront.
2024 · Platform
Volt charging network
Find, book and pay for a charger in three taps.
Next could be yours
Have a project in mind?
Tell us about it — we reply within a day.
01/05
PRODUCT FEATURES · SPLIT + SCALE
Split panels grow as they reach the center. Dots and arrows jump to any feature, and the page snaps to the nearest one when you stop scrolling.
splitscale effectdotsarrowssnapstat panel
01 / 04Collaborate
Work together, live
Comments, cursors and suggestions in real time — no more “which version is final?”
3.2h
saved per person, every week
From our 2026 customer survey (sample figure for this demo).
03 / 04Automate
Let the busywork run itself
Recurring tasks, reminders and hand-offs happen on their own.
04 / 04Focus
Quiet hours, protected
Notifications wait until you are ready for them.
OUR STORY · TIMELINE
A timeline with a dot for every milestone — the active year lights up. Warm paper background, edges fade and blur.
timelinefade & blurpapersnap
Since 2016
The story of Northwind (a fictional company).
Scroll the yearsTwo people, one kitchen table
The first version ships to 40 friends.
Wellness Fridays
Eight of us — and a four-day week pilot.
Remote-first
We go fully remote — and never look back.
Two million users
A new platform built to last the next decade.
Today
120 people in 18 countries. Still shipping every week.
01/05
TRAVEL GALLERY · REVERSED + 3D
Full-bleed photos turn in 3D as they pass, the giant word drifts behind them, and this one travels left-to-right.
full-bleed3D depthreverseaurorabackground text
Wander
Five places, one long scroll.
ScrollDolomites
Lake at first light
Worth the 5am alarm.
Coast
The quiet beach
No crowds, just waves.
City
Bridges & canals
Get lost on purpose.
Old town
Evening walks
The best meals are down side streets.
Plan
Where next?
Maps out, kettle on.
01/05
TESTIMONIALS · SKEW
Quote panels on a gradient — they lean a little with your scrolling speed.
quote panelsskewgradient
What clients say
People and companies here are fictional examples.
ScrollThey turned a messy brief into the calmest launch we have ever had.
Maya ChenHead of Design, KivoraFast, thoughtful and honest about trade-offs. Rare combination.
Kofi MensahCTO, OrbitlyOur conversion doubled and customers keep mentioning the packaging.
Nora LindFounder, LumoraThe app went from idea to App Store in fourteen weeks.
Paige ShawCOO, Volt
EDITORIAL · MAGAZINE
A magazine layout with huge outlined index numbers and offset images.
magazineparallaxlight
The Weekly
Four stories worth your Sunday.
ScrollBusiness
Stop guessing your prices
Test, measure, repeat.
Work
A digital declutter that stuck
Fewer apps, more focus.
Life
What minimalism taught us
About money, and about time.
Food
Cooking for one
Without getting bored.
01/04
MEMORIES · POLAROID
Polaroid frames with handwritten captions — great for weddings, travel blogs and “about us” pages.
polaroidpaperno effect
Our year
Twelve months in five photos.
ScrollPlanning day
MarchCanal city
AprilSunset swim
JulyThe lake
AugustLast night
September
BUILT IN
Everything a horizontal showcase needs.
pinstyleseffectsnavsnapmobile
📌
Pinned & smooth
The section sticks while vertical scrolling moves the track sideways — no scroll hijacking.
🎞
8 panel styles
Card, full-bleed, minimal, split, timeline, polaroid, magazine — plus quote, stat and CTA panels.
✨
6 motion effects
Image parallax, grow in the center, 3D depth, fade & blur, skew with speed.
🧭
Navigation
Progress bar, 01/04 counter, clickable dots, previous / next buttons and arrow keys.
🧲
Snap
Settles on the nearest panel when you stop scrolling.
📐
Header aware
Measures your sticky header and pins just below it.
📱
Phones
Swipe sideways, stack vertically, or keep the pinned effect.
♿
Accessible
Keyboard focus scrolls to the panel; reduced motion turns effects off.
Studio Nine, Kivora, Orbitly, Lumora, Volt, Northwind and the people quoted are fictional examples.
201 premium elements, Horizontal Scroll Showcase included.