Creative Studio
Design that moves
the world forward.
Purposeful motion design for brands that want to leave a lasting impression.
Explore our work →— End of Demo —
Bricksmotion — Fade Up 01
Scrolle nach unten, um die Animation zu sehen.
Erstes Item
Beim Reinscrollen fade-up mit Y-Offset und Opacity. Duration, Distance und Ease sind über data-Attribute steuerbar.
Zweites Item
Dank Stagger erscheinen die Items zeitversetzt hintereinander — wirkt rhythmischer als „alle auf einmal".
Drittes Item
Der ScrollTrigger feuert nur einmal — kein Rückwärts-Animieren beim Hochscrollen. Einfach, vorhersehbar.
— Ende der Demo —
Bricksmotion — Pin Scroll 01
Pinned left · Scrollable right · Progress per Item. Scrolle nach unten.
Alles, was du brauchst.
Scrolle durch die Features.
101 — Performance
Blitzschnell geladen
Optimierte Assets, Lazy Loading und minimale DOM-Tiefe sorgen für Core-Web-Vitals-konforme Performance — als Standard, nicht als Nachgedanke.
02 — Accessibility
Für alle zugänglich
Semantisches HTML, ARIA-Attribute und
prefers-reduced-motion-Support als unverrückbarer
Default — inklusiv von Anfang an.
03 — Animation
GSAP-gesteuerte Motion
ScrollTrigger, Scrub und präzise Easings — flüssige 60 fps ohne Framework-Overhead. Jede Komponente ist eine self-contained IIFE.
04 — Responsiveness
Mobile-first Layout
Unter 768 px stapelt das Grid automatisch: Sticky wird aufgehoben, Items scrollbar — kein JS-Eingriff nötig, rein CSS-basiert.
— Ende der Demo —
