Kalmár Dániel műhelye

A felület, ami eladja magát.

Prémium weboldalakat építünk. A referencia ez a felület.

Manifesztum

A visszafogottság a legdrágább döntés, amit egy felület meghozhat.

A legtöbb weboldal azért kiabál, mert nem bízik magában.

Mi az ellenkezőjét építjük. Egy tiszta tér, néhány pontos mozdulat, nyugodt tipográfia. Ami a képernyőn marad, mind indokolt. Ami lekerült róla, azért fizetted a legtöbbet.

A pillanat

Az első benyomásra nincs második esély.

Amit a felület tud.

Minden demó élőben fut ezen az oldalon.

Anyagszerű üveg és mélység

Double-bezel üvegfelületek valós backdrop blurral és belső fény-éllel. Az üveg nem effekt, hanem anyag.

backdrop-filter · inset highlight · depth

Spring motion, amit megfog az ujjad

Kritikusan csillapított rugók és momentum. A mozdulat a jelenlegi értékből indul, bármikor megszakítható.

spring · momentum · interakció

Aa

Kinetikus, méretre szabott tipográfia

Méretfüggő tracking és optikai súly. A betű nem sablon, hanem hangolt hangszer minden fokozaton.

optical sizing · fluid scale

Az első benyomás számít

Fény, ami magától végigfut

A kulcsmondatot fénypászma emeli ki, pontosan akkor, amikor odaérsz. Nem videó, hanem élő CSS.

light sweep · scroll trigger

3D, ami a böngészőben forog

Nem előre renderelt látvány. A geometria élőben fut a GPU-n, megszakítás és újratöltés nélkül.

css 3d · preserve-3d · 60 fps

Négy dolgot csinálunk.

Mindet a legmagasabb szinten.

A prémium nem lassú.

A szépség és a sebesség ugyanaz a döntés.

  • Valós idejű 3D, nem videóA földgömb minden képkockán újraszámolódik. DPR-korlát tartja könnyen a terhelést.
  • Csak transform és opacity animálSemmi layout-triggerelő mozgás. A GPU dolgozik, a fő szál szabad marad.
  • Tétlen render leállHa a fül háttérbe kerül vagy a 3D kikerül a nézetből, a számolás megáll.
  • Reduced-motion tiszteletAki csökkentett mozgást kér, statikus, mégis teljes felületet kap. Semmi nem marad rejtve.

Hogyan készül.

Négy lépés, semmi köd.

  1. 01

    Megértés

    Mielőtt egy pixelt is leteszünk, tisztázzuk, kinek szól a felület és mit kell éreznie az első másodpercben.

  2. 02

    Irány

    Egyetlen erős koncepció, nem hat langyos.

  3. 03

    Kivitelezés

    3D, motion, üveg és mérnöki front-end, kézzel és mérve.

  4. 04

    Átadás és élesítés

    Tiszta kód, élesre hangolt teljesítmény, egy felület, amit büszkén adsz tovább.

Az anyag maga a bizonyíték.

Studio

Anyagszerű üveg

Valós backdrop blur, belső fény-él, sűrű grain. Az üveg tapintható, nem festett.

Építsünk valamit, ami némán is a legjobb a szobában.

Kevés projektet vállalunk egyszerre, hogy mindegyik a maximumot hozza.

Beszéljünk