Lull

Concept app for winding down, told as one evening on a swing, from sunset through the night to morning.

  • Concept
  • Website
  • Motion
Lull home page: a wooden swing under a red-leaved tree, the Lull title between its ropes and a sunset valley behind

Details

Client
Ambratic concept
Industry
Sleep & wellbeing
Product
Wind-down app, imagined
Services
Concept · UX/UI · Website · Motion
Stack
Next.js · Canvas · Web Audio · Lenis
Year
2026

Introduction

Lull is an app we imagined for the minutes before sleep, and a one-page site that tells its story as a single evening: the sun going down behind a swing, a night to slow down in, and a morning that starts rested.

Preloader: an empty crescent moon filling with light above the word Lull, its last letter still rising out of a haze
Preloader: the crescent fills with light as the scene loads, and Lull rises out of a haze letter by letter.
“01 — Unwind. The day is done. Let it go slowly.” beside the swing at sunset
01 Unwind: each line rises from behind the grass on its own depth, then lifts away.

An app that wants less of your evening, not more

Lull started as a question inside the studio: what would a wellbeing app look like if it refused every habit of the apps around it? No feed, no streaks, no badges, no reminder at ten o’clock asking where you have been. Just one gentle routine, about as long as a song, and then the phone goes quiet until morning.

The app itself is a concept. The website was the real brief: a page that sells the feeling before it sells a feature. Instead of a grid of screenshots and benefits, it tells one evening from start to finish, and the visitor slows down simply by scrolling through it.

We set ourselves the same rules we gave the app. Nothing loud, nothing that asks for attention it has not earned, and every effect there to help someone unwind. Music stays off until the visitor asks for it, and every animation has a still version for people who prefer reduced motion.

“Three small steps into the night.” above a lantern, a dandelion losing its seeds and a crescent moon
The ritual: settle, breathe, drift off. Hover the dandelion and its seeds blow away; a new head grows back a few seconds later.

One evening, from sunset to night, without a single cut

The home page opens on a swing hanging from an old tree, with a valley under a sunset sky. The scene is built from three painted layers, the sky and valley, the swing, and the tree with the grass, each in a day and a night version. As you scroll the scene stays pinned and the camera leans in: the valley barely moves while the tree and the swing come closer, so the picture has real depth.

Halfway through, night falls. It does not fade in. It travels down the scene from the top of the tree, so for a moment the leaves are already dark and the sky is filling with stars while the valley below still holds the last of the sunset. The progress line on the right edge follows it too: its little dot glows warm by day and turns moonlit as night comes.

Each half of the evening has its own small life, drawn live on a canvas behind the swing. By day, the sun breathes with a slow, soft glow, dust motes drift in its light, and now and then a small flock of birds crosses the valley in a loose V. By night, painted stars brighten one at a time, the three brightest flaring into a faint cross, a rare shooting star crosses the sky, and fireflies blink far over the valley, drifting away from the cursor and easing back.

The swing scene mid-dusk: the tree and sky already dark and starry while the valley still glows with sunset
Dusk: night travels down from the top of the tree while the valley still holds the sunset, and the swing invites a push.
“02 — Breathe. One minute. One slow breath.” with a Try one minute button beside the swing at night
02 Breathe: the same swing at night, with fireflies over the valley and the breathing minute one tap away.

A swing you can push and a breath you can follow

The swing is never still. It moves as a real pendulum, kept going by a rider you never see, with a slowly wandering height and a touch of twist so it never reads as a machine. Drag it up or down and it follows your hand; tap it and it swings away from you. On arrival, and whenever the cursor rests on the seat, a quiet line invites a push: give it a gentle push, and let the day drift away. By night the line changes to: and let the night hold you.

The first push lets the music in. Lull’s theme is off by default and nothing is downloaded until someone asks for it. It fades in over a few seconds, fades out when the tab is hidden and remembers the choice for the next visit. The sound button in the corner shows five quiet dots that breathe while it is off; when it plays, they fade one by one as a wave rises out of them.

Try one minute starts a real breathing session in the scene. A circle hangs between the ropes, growing as you breathe in and settling as you breathe out, eight slow breaths that end on an exhale. An arc closes around it as the minute passes, the fireflies brighten and dim with each breath, and the swing locks to the rhythm, coming towards you on every inhale. At the end the circle comes to rest and says Well done. Press Escape or tap the swing to open your eyes and come back early.

Breathing circle reading “Breathe in” between the ropes of the swing at night, above “open your eyes and come back slowly”
The breathing minute: the circle grows on the inhale and the swing comes towards you with it.
Breathing circle reading “Well done.” with its arc closed, above the swing at night
After eight breaths the arc closes, the circle rests and the session ends by itself.

Small things to touch in the dark

After the swing the page drops into the night sky, and every section has something to discover. The ritual is told with three floating objects that answer the cursor: the lantern’s flame grows, the dandelion lets its seeds go on your breath, and the crescent moon rocks gently. Objects drift with the cursor for depth, shooting stars cross the sky every few seconds, and a click anywhere on the sky sends one from that spot.

Then the app itself, in a phone floating among clouds. The section pins while you scroll, the phone turns slightly in 3D, its metal edge built from thin stacked slices, and clouds drift past in front of it and behind it at different depths. The three screens step through as you go: Begin softly, Follow the light, Then let go. The screens are real, not pictures: you can pick one, five or ten minutes, and the breathing screen runs a full session.

The promises close the night: no feeds, no streaks, no noise after dark. Each is drawn as a small constellation that joins itself up as it scrolls in. Hover one and its lines keep coming apart and joining up again; move away and every line draws itself back.

“02 — The app. Follow the light.” beside a phone showing a breathing circle, among moonlit clouds
The app: a phone floating among clouds, turning as you scroll, with a real breathing session on its screen.
Phone screen asking “Ready to wind down?” with 1, 5 and 10 minute options and a Begin button
Begin softly: choose a minute, five or ten, and a sound.
Phone screen with a crescent moon and “Sleep well.”, beside the heading “Then let go.”
Then let go: Lull says good night and keeps the phone silent until morning.
“Made for the end of the day, not the middle of it.” above three constellations: No feeds, No streaks, No noise after dark
What Lull won’t do: each promise is a constellation. Hovered, its lines come apart and join up again, while a shooting star crosses above.

The night ends, and someone is on the swing

The story closes where it began. As the last section comes up, the tree’s night crown rises into view and the page lands back on the swing, now under a full moon. While you sleep, the copy reads: Lull goes quiet with you, keeping watch until the light comes back. Then it drifts off.

The morning is the mirror of the dusk. Light rises from the valley upwards, over the fields, the grass and finally the tree, and the moonlit sky gives way to a soft sunrise. When the light reaches the swing, someone is sitting on it, looking out over the valley. The empty swing that drifted all night settles into a gentle sway, and you can still give it a push.

Only then does the page ask for anything: Wake up gently, Lull is coming to iPhone and Android, with two quiet coming-soon badges and a last line saying who made it. One small ritual tonight, a softer morning tomorrow.

“04 — The night. While you sleep.” beside the empty swing under a full moon
04 The night: the empty swing under a full moon, and a few lines before the light comes.
Morning light rising over the grass and fields while the night copy fades from the sky
Dawn: the light rises from the valley upwards, the mirror of the dusk.
A woman sitting on the swing facing a misty sunrise valley, beside “05 — Morning. Wake up gently.” and store badges
05 Morning: when the light reaches the swing, someone is sitting on it, rested and ready for the day.
Lull hero on a phone: the title between the ropes and the push invitation above the seat
“One minute. One slow breath.” between the ropes of the swing at night, on a phone
“Wake up gently.” over the woman on the swing at sunrise, on a phone
On phones the story text moves inside the swing’s frame, between the ropes, and plays as short transitions instead of following the finger.

Keeping a painted evening smooth

A page made of large paintings, live canvases and a pendulum is easy to make beautiful and hard to make calm. A single stutter in the middle of a breathing exercise breaks the whole idea, so most of the engineering went into making the evening feel effortless on every screen.

  1. Nightfall without repainting the scene

    The first dusk was an animated mask, and every frame of it redrew the whole scene. On a fast scroll the tree and the swing went blank for a moment. Now the night sits in a frame that slides one way while its picture slides back the same amount, so the paintings stay put and only the soft edge moves. Only transforms change as you scroll, and nothing is repainted. The morning uses the same trick in reverse.

  2. iOS Safari, one fix at a time

    Smooth wheel scrolling made iOS wait for the page on every move of a finger, so touch screens keep native scrolling. The pinned scenes are sized to the large viewport, so the toolbar sliding in and out no longer reflows them, and their clipping lives inside the pin, because a clipping parent made Safari shake it while scrolling. Even the loader moved to the very start of the page, after a fast reload showed a frame of the bare scene before it appeared.

  3. Paintings that load in the order you need them

    The day layers load first and sit under the loader while the crescent fills; the night layers only start once the day is in. Large and high-density screens get 4096px paintings, swapped in once they have loaded, and portrait phones get a narrow strip around the swing instead of the full panorama. The closing scene stays at 2048px on purpose: eight 4096px layers took more memory than the browser would keep decoded, and it briefly showed holes of night sky over the morning.

  4. Running only what is on screen

    Every scene, canvas and loop sleeps once it scrolls out of view and wakes when it comes back. The canvases are drawn at a capped pixel density, the scenes ease after the scroll so a dropped frame never makes the swing jump, and a hard flick of the wheel is limited so the evening can never race past.

“While you sleep.” between the ropes of the swing at night, on a phone
The app section on a phone: a breathing circle on the phone screen among clouds
The ritual steps Settle and Breathe with a lantern and a dandelion, on a phone
Designed for portrait screens from the start: the paintings, the clouds and the copy are all recomposed for phones.

A concept that shows what calm can feel like online

Lull is our answer to a question we kept hearing from clients: can a website feel calm and still be memorable? This one tells a whole evening in a single scroll, invites people to touch it instead of just read it, and leaves them a little slower than they arrived.

It is also a working lab for the studio. The layered scenes, the scroll wipes, the canvas life and the touch-friendly physics are all techniques we now bring to client work, and every one of them was tuned until it disappeared behind the story.

For us, the lesson was that slowness is a feature you have to engineer. The quieter the page, the more every stutter shows, and the more the work underneath has to be right.

Performance on desktop
100
Performance on mobile
94
Accessibility
100
Layout shift
0

MORE WORK

You might also like

Bay.Nine

Website and booking flow for an Amsterdam detailing atelier, where the car is washed live as you scroll.

  • UX/UI
  • Website
  • Branding

Athanatoi

Concept story site where the Greek gods never died, and one ancient obol travels through the page until you pay the ferryman.

  • Concept
  • Website
  • Motion