Locomotive Montreal — Scroll-Driven Velocity Skew
Kinetic Typography / Viewport Stretcher · full website · via Awwwards
Source: pending · Classification: pending
- Steal · motion/interactionNotes by Will
Project list rows apply a transient transform: skewX(calc(var(--scroll-velocity) * -0.18deg)) that snaps back to 0deg with a 280ms cubic-bezier ease the instant scrolling stops.
- Steal · component patternNotes by Will
Hovering a full-width project row expands an inline video reel inside the word gap between the client name and the year (LOCOMOTIVE [REEL] 2026), pushing the text apart horizontally.
Fonts: Neue Haas Grotesk, Space Mono · Original: Locomotive
private-reference-only
View original ↗Source & usage rights
Original: Locomotive. Source verification: pending review.
Recorded rights label: private-reference-only. Original work and reproduction rights belong to their owners. A note license does not grant rights to copy a screenshot, trademark or design.
Trova notes: apply the principles in your own work, including commercial projects. Bulk republication or resale is not permitted. Usage terms.
Captured: 2026-06-22. Capture does not establish source verification.