Boutique law firm
Quiet authority, fast pages, clear paths to a consult.
The Lab: live scroll motion demos built in-house by High Leverage Websites, the louder register of motion kept off the client work, South Florida and remote across the United States.
The Lab
The Lab.
Live scroll motion demos, built in-house. The louder register of what we can build, kept off the client work so the client work stays calm.
01 / Pinned, scroll-scrubbed 3D
The space journey.
Our loudest demo. On a wide screen the section locks in place and your scroll flies a camera through a starfield, one waypoint at a time. On a phone, or with motion turned off, the six notes below read as a plain list and none of the 3D code loads.
-
Waypoint 01
Right now this panel is holding still while the page keeps scrolling. The section is pinned to your screen until the flight is done.
-
Waypoint 02
Your scroll position is the throttle. Roll down and the camera moves forward through the field; pause and it waits with you.
-
Waypoint 03
Each stop is a waypoint. The gold marker ahead grows brighter as the camera reaches it, so the arrival is something you feel.
-
Waypoint 04
These words never enter the 3D scene. They sit flat on top of the canvas so they stay crisp while the stars move behind them.
-
Waypoint 05
This flight only runs on a wide screen with WebGL and motion allowed. Anywhere else, these same six notes simply stack as text.
-
Waypoint 06
The three.js library and this demo load only after that check passes. A phone is never asked to download them, so the small screen stays light.
02 / Scrubbed pin, word by word
Kinetic headline.
A sentence assembled one word at a time as the section pins and the scroll position drives the build. Without motion it simply reads as finished text.
Every frame is placed by hand and tested by eye.
03 / Pinned horizontal scroll
Horizontal gallery.
On a wide screen the section pins and vertical scroll moves the row sideways. On a phone it is a normal horizontal swipe, with no scroll jacking. Cards are drawn with type and SVG, no photos.
04 / Depth parallax
Three layers, three speeds.
Background, middle, and foreground move at different rates so the scene gains depth as you scroll. With reduced motion the layers hold still and the message stays.
Foreground
Motion that adds depth, never noise.
05 / Count on enter
Numbers that arrive.
Each value counts up once and locks when the section enters view. The numbers below are this build's own targets, not claims about any client's results.
60fps
Animation target
100
Lighthouse goal
1440px
Design width
390px
Smallest tested width
06 / Continuous marquee
A band that keeps moving.
A continuous ticker that loops without a break and pauses when you hover it, so a phrase can be read. Reduced motion stops it and shows the text at rest.
Built in house
Built for AI search
Fast by default
Designed in South Florida
Motion with intent
Accessible
The calm version of this ships to clients.
A short Zoom is enough to see where you stand and what being the answer would take. South Florida and remote across the United States.
Leverage the Web