Skip to content
Słuszny, web design studio. Back to top.

10 Lab

Every company gets a different kind of motion.

Ten demos on one page, each for an invented company from a real trade. These are not templates to pick from. They are proof that the technique follows from what the company does: a pattern draws itself as you scroll, a liquid wave listens to scrolling like sound, glass wipes clean under a finger, chocolate is computed outside the browser, a book title breaks into letters, a gallery corridor slides sideways, a ridge pulls apart into planes, a pottery kiln gets an ember of its own, flour pours off a millstone, and the camera slips under a watch crystal and travels through the calibre. One WebGL canvas for the whole page, everything measured on a phone.

Modrzew

A jacket cut from measurements, not from a size. Fourteen dimensions, two fittings, one pattern that exists only for you.

Book a measuring session

ClientPracownia Krawiecka Modrzewbespoke tailoring

TechniqueSVG + CSS scroll timeline, bez WebGL

The outline of a jacket pattern draws itself and folds into a silhouette in step with scrolling. No canvas, no WebGL: line art and a stylesheet.

Demo 0110Scroll

An animated liquid surface in shades of graphite and copper, rippling according to the scroll position.

Rezonans

You can hear the difference.

Mastering after which a record sounds the same in the car, in headphones and in the club.

Send a mix

ClientStudio Rezonansaudio mastering

TechniqueGLSL fragment shader, domain warping

One full-screen shader: a liquid wave in graphite and copper, and scrolling modulates it like a knob on the console. No geometry, a single quad.

Demo 0210Scroll or move the cursor

A pane of frosted glass over a card of fragrance notes; moving the cursor or a finger wipes the glass and reveals the names of the notes.

zefir

A scent that is not in any catalogue.

Original compositions blended in Kraków, in runs of up to a hundred bottles.

Book a visit to the atelier

ClientPerfumeria Zefirartisan perfumery

TechniqueMeshPhysicalMaterial, transmission + dispersion

Fragrance notes sit under a pane of dispersive glass. Where you touch, the glass wipes clean and the text surfaces; elsewhere the haze returns.

Demo 0310Drag a finger or the cursor across the glass

A ribbon of dark chocolate frozen in flight against a black studio background: a wide head at the top left, a fold in the middle of the frame with a bright softbox reflection on the lacquered surface, a thin tail running off to the right.

Kakaownia WschódBATCH 12 / PIURA, PERU / 72 %

Chocolate with an origin.

Beans from a single estate, a stone mill, seventy-two hours of conching. Nothing added but sugar.

Order batch 12

ClientKakaownia Wschódbean-to-bar chocolate

Techniqueoffline path tracing, AVIF + WebP, no WebGL

One frame of a chocolate ribbon in flight, path-traced outside the browser. On the page: no canvas, no WebGL, a single file.

Demo 0410A still frame, nothing to do

Late Light

The title “Late Light” breaks into single letters and reassembles into the quote “Every river was named by someone first.” from the cover of the publisher's next book.

Every river was named by someone first. (Halina Wrzos, Rivers Without Mouths)

Two books a year. Each set by hand and printed on paper that will outlive its reader.

Subscribe

ClientWydawnictwo Solstycjumliterary publishing

Techniquetroika-three-text (SDF) + custom vertex shader

A book title breaks into letters in step with scrolling and reassembles into a quote from the cover of the next title. Typography is the hero, not a decoration.

Demo 0510Scroll

A gallery corridor scrolled sideways: four works (two colour planes, a tonal passage, a typographic composition, a cut in aluminium) slide in one after another from the right, each with a caption.

  1. Act 01 04Two Fields, One LightIrena Sobótka, 2024acrylic on canvas, 180 × 140
  2. Act 02 04Tonal Passage IIIMarek Doliwa, 2023oil on canvas, 160 × 120
  3. Act 03 04Dawn / WordEwa Pańczyk, 2025screen print on paper, 100 × 70
  4. Act 04 04CutTomasz Rzeka, 2022enamel on aluminium, 200 × 90

Galeria OdsłonaPLANES / 12.10 TO 14.12

Four works, one corridor.

The exhibition “Planes” runs until 14 December. Free entry on Thursdays.

Plan a visit

ClientGaleria Odsłonacontemporary art gallery

Techniquesticky + custom scrub, transform and opacity only

A gallery corridor pinned to scrolling: works slide in from the side in parallax layers, and every stop is a separate act. No 3D, just DOM layers.

Demo 0610Scroll

A lone figure stands with their back to us on a stony ridge; behind them a limestone wall disappears into cloud, a scree gully at the bottom of the frame.

Turnia

Made here. Proven higher.

TURNIA / ZAKOPANE / SINCE 1998

Harness, ice axe, pack. Sewn and forged in Zakopane, tested where the trail ends.

2026 catalogue

ClientTurniamountain equipment, Zakopane

Techniquedepth map, four DOM planesphoto Tim Mudd, Unsplash

One photograph cut into four planes along its own depth map. The workshop name surfaces BETWEEN them: the ridge passes in front of the words, the mist behind them.

Demo 0710Scroll, move the cursor

Rows of unglazed clay bowls stacked inside a kiln; the ember lights them from the side, rims catch the glow, interiors stay in shadow.

ŁupinaFIRING 47 / WOOD KILN

Fire finishes what the hands began.

Sixty hours in a wood kiln. Ash settles on the rims and stays there for good.

Autumn firing, sign up

ClientPracownia Ceramiki Łupinastudio pottery, wood firing

Techniquedepth map + relighting, one quadphoto Yuvraj Sachdeva, Unsplash

A photograph lit anew. The ember travels deeper into the kiln as you scroll, and shadows and rim light are computed from a depth map of that same photograph.

Demo 0810Scroll, move the cursor

A stream of grain falls onto a turning millstone, comes out as flour and settles into a heap. The density of the stream follows scrolling.

ŻarnaŻARNA / 900 MM STONE / SINCE 1911

Flour from a single field.

Stone, not rollers. We grind slowly, because fast means hot, and hot takes the smell away.

Order a five kilo sack

ClientMłyn Żarnastone flour mill

Techniqueparticles in a vertex shader, analytic trajectorycolours from photos by Oleksandr Skochko and Zoshua Colah, Unsplash

Grain drops onto the stone, comes out as flour and settles into a heap. The path of every grain is computed on the graphics card, and the colours are taken from photographs of grain and flour, not from a gradient.

Demo 0910Scroll to pour

The inside of a mechanical watch: the camera slips under the crystal and travels over the balance wheel with its hairspring, the brass gear train and the pallet fork of the escapement. The movement runs on scrolling.

CyrkielCALIBRE CM-01 / 28,800 A/H / 21 JEWELS

A hundred and twelve parts. No battery.

Our own calibre, assembled by hand in Krakow. Twenty pieces a year, each numbered on the bridge.

2027 waiting list

ClientCyrkiel Manufakturamechanical watchmaking

Techniqueprocedural geometry + PBR, camera on a spline

The camera slips under the crystal and travels through the calibre: balance wheel, gear train, pallet fork. Scrolling winds the mainspring, and once you stop, the movement loses amplitude on its own.

Demo 1010Scroll to wind it

Each of these demos took a dozen or so hours. The first screen of your site can start the same way: from what your company does.

Let's talk about your first screen