Przejdź do treści
Słuszny, studio stron internetowych. Wróć na górę strony.

10 Laboratorium

Każda firma dostaje inny ruch.

Dziesięć dem na jednej stronie, każde dla wymyślonej firmy z prawdziwej branży. To nie są szablony do wyboru. To dowód, że technika wynika z tego, czym firma się zajmuje: wykrój rysuje się w rytm przewijania, fala płynu słucha przewijania jak dźwięku, szkło czyści się pod palcem, czekolada jest policzona poza przeglądarką, tytuł książki rozpada się na litery, korytarz galerii jedzie w bok, grań rozsuwa się na plany, piec ceramiczny dostaje własny żar, mąka sypie się z kamienia młyńskiego, a kamera wchodzi pod szkło zegarka i jedzie przez kaliber. Jedno płótno WebGL na całą stronę, wszystko mierzone na telefonie.

Modrzew

Marynarka z miary, nie z rozmiaru. Czternaście wymiarów, dwie przymiarki, jeden krój, który istnieje tylko dla Ciebie.

Umów zdjęcie miary

KlientPracownia Krawiecka Modrzewkrawiectwo miarowe

TechnikaSVG + CSS scroll timeline, bez WebGL

Linie wykroju marynarki rysują się i składają w sylwetkę w rytm przewijania. Zero płótna, zero WebGL: sama grafika liniowa i arkusz stylów.

Demo 0110Przewiń

Animowana powierzchnia płynu w odcieniach grafitu i miedzi, falująca w zależności od położenia przewijania.

Rezonans

Słychać różnicę.

Mastering, po którym nagranie brzmi tak samo w aucie, w słuchawkach i w klubie.

Wyślij miks

KlientStudio Rezonansmastering dźwięku

TechnikaGLSL fragment shader, domain warping

Jeden shader na całym ekranie: fala płynu w grafitach i miedzi, a przewijanie moduluje ją jak pokrętło na konsolecie. Zero geometrii, jeden czworokąt.

Demo 0210Przewiń albo przesuń kursor

Tafla matowego szkła nad kartą z nutami zapachowymi; ruch kursora albo palca przeciera szkło i odsłania nazwy nut.

zefir

Zapach, którego nie ma w katalogu.

Kompozycje autorskie mieszane w Krakowie, w nakładzie do stu flakonów.

Umów wizytę w pracowni

KlientPerfumeria Zefirperfumeria autorska

TechnikaMeshPhysicalMaterial, transmisja + dyspersja

Nuty zapachowe leżą pod taflą szkła z dyspersją. Tam, gdzie dotkniesz, szkło czyści się i tekst wypływa; poza tym miejscem mgła wraca.

Demo 0310Przesuń palcem albo kursorem po szkle

Wstęga ciemnej czekolady zastygła w locie na czarnym tle studia: szeroka głowa u góry po lewej, przewinięcie w środku kadru z jasnym odbłyskiem softboksu na lakierowanej powierzchni, cienki ogon wybiegający w prawo.

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

Czekolada, która ma pochodzenie.

Ziarno z jednej plantacji, kamienny młyn, siedemdziesiąt dwie godziny konszowania. Żadnego dodatku poza cukrem.

Zamów partię 12

KlientKakaownia Wschódczekolada bean-to-bar

Technikapath tracing offline, AVIF + WebP, bez WebGL

Jeden kadr wstęgi czekolady w locie, policzony ścieżkowo poza przeglądarką. Na stronie zero płótna i zero WebGL: jeden plik.

Demo 0410Kadr statyczny, nic nie trzeba robić

Późne światło

Tytuł „Późne światło” rozpada się na pojedyncze litery i składa w cytat „Każdą rzekę ktoś nazwał pierwszy.” z okładki kolejnej książki wydawnictwa.

Każdą rzekę ktoś nazwał pierwszy. (Halina Wrzos, Rzeki bez ujścia)

Dwie książki rocznie. Każda składana ręcznie i drukowana na papierze, który przeżyje czytelnika.

Zamów prenumeratę

KlientWydawnictwo Solstycjumwydawnictwo literackie

Technikatroika-three-text (SDF) + własny shader wierzchołków

Tytuł książki rozpada się na litery w rytm przewijania i składa w cytat z okładki następnej pozycji. Typografia jest hero, nie dekoracją.

Demo 0510Przewiń

Korytarz galerii przewijany w bok: cztery obrazy (dwie płaszczyzny barwne, przejście tonalne, kompozycja typograficzna, cięcie w aluminium) wjeżdżają kolejno z prawej strony, każdy z podpisem.

  1. Akt 01 04Dwa pola, jedno światłoIrena Sobótka, 2024akryl na płótnie, 180 × 140
  2. Akt 02 04Przejście tonalne IIIMarek Doliwa, 2023olej na płótnie, 160 × 120
  3. Akt 03 04Świt / słowoEwa Pańczyk, 2025sitodruk na papierze, 100 × 70
  4. Akt 04 04CięcieTomasz Rzeka, 2022emalia na aluminium, 200 × 90

Galeria OdsłonaPŁASZCZYZNY / 12.10 DO 14.12

Cztery obrazy, jeden korytarz.

Wystawa „Płaszczyzny” do 14 grudnia. W czwartki wstęp wolny.

Zaplanuj wizytę

KlientGaleria Odsłonagaleria sztuki współczesnej

Technikasticky + własny scrub, tylko transform i opacity

Korytarz galerii przypięty do przewijania: obrazy wjeżdżają z boku warstwami z paralaksą, każdy przystanek to osobny akt. Bez 3D, same warstwy DOM.

Demo 0610Przewiń

Samotna postać stoi tyłem na kamienistej grani; za nią wapienna ściana ginąca w chmurze, u dołu kadru sypki żleb.

Turnia

Zrobione tu. Sprawdzone wyżej.

TURNIA / ZAKOPANE / OD 1998

Uprząż, czekan, plecak. Szyte i kute w Zakopanem, sprawdzane tam, gdzie kończy się szlak.

Katalog 2026

KlientTurniasprzęt górski, Zakopane

Technikamapa głębi, cztery plany DOMfot. Tim Mudd, Unsplash

Jedna fotografia rozcięta na cztery plany po własnej mapie głębi. Nazwa pracowni wynurza się MIĘDZY nimi: grań idzie przed napisem, mgła za nim.

Demo 0710Przewiń, prowadź kursorem

Rzędy nieszkliwionych mis z gliny ustawione w piecu; żar oświetla je z boku, brzegi łapią blask, wnętrza zostają w cieniu.

ŁupinaWYPAŁ 47 / PIEC NA DREWNO

Ogień kończy to, co zaczęły ręce.

Sześćdziesiąt godzin w piecu na drewno. Popiół siada na krawędziach i zostaje tam na zawsze.

Wypał jesienny, zapisy

KlientPracownia Ceramiki Łupinaceramika użytkowa, wypał drzewny

Technikamapa głębi + prześwietlanie, jeden czworokątfot. Yuvraj Sachdeva, Unsplash

Fotografia oświetlona na nowo. Żar wędruje w głąb pieca w rytm przewijania, a cienie i rąbki światła liczą się z mapy głębi tego samego zdjęcia.

Demo 0810Przewiń, prowadź kursorem

Strumień ziarna spada na obracający się kamień młyński, wychodzi spod niego jako mąka i osiada w kopczyku. Gęstość strumienia zależy od przewijania.

ŻarnaŻARNA / KAMIEŃ 900 MM / OD 1911

Mąka z jednego pola.

Kamień, nie walce. Mielemy wolno, bo szybko znaczy gorąco, a gorąco zabiera zapach.

Zamów worek pięciokilowy

KlientMłyn Żarnamłyn zbożowy

Technikacząstki w shaderze wierzchołków, tor analitycznybarwy z fot. Oleksandr Skochko i Zoshua Colah, Unsplash

Ziarno spada na kamień, wychodzi mąką i osiada w kopczyku. Tor każdego ziarna liczy karta graficzna, a barwy są wzięte z fotografii ziarna i mąki, nie z gradientu.

Demo 0910Przewiń, żeby zasypać

Wnętrze mechanicznego zegarka: kamera wchodzi pod szkło i przejeżdża nad kołem balansowym ze sprężyną włosową, przekładnią z mosiężnych kół zębatych i kotwicą wychwytu. Ruch mechanizmu zależy od przewijania.

CyrkielKALIBER CM-01 / 28 800 A/H / 21 KAMIENI

Sto dwanaście części. Żadnej baterii.

Kaliber własny, składany ręcznie w Krakowie. Dwadzieścia sztuk rocznie, każda z numerem na mostku.

Lista oczekujących 2027

KlientCyrkiel Manufakturazegarmistrzostwo mechaniczne

Technikageometria proceduralna + PBR, kamera po splinie

Kamera wchodzi pod szkło i jedzie przez kaliber: koło balansowe, przekładnia, kotwica. Przewijanie nakręca sprężynę, a kiedy przestaniesz, mechanizm sam wytraca amplitudę.

Demo 1010Przewiń, żeby nakręcić

Każde z tych dem powstało w kilkanaście godzin. Pierwszy ekran Twojej strony może zacząć się tak samo: od tego, co robi Twoja firma.

Porozmawiajmy o Twoim pierwszym ekranie