A loader that opens through its own monogram

A loader that draws its own monogram, then opens as a window onto the page.

04 / Motion

Ride faster, together.

Saturday club runs from the market square at 08:00. Three groups, nobody dropped.

Steady 45 km · 24 km/h
Tempo 70 km · 29 km/h
Chaingang 90 km · 33 km/h

Playing…

Remake it

Build one interactive web page: A brand flood, a monogram that draws itself, then becomes a hole that grows into a window onto the page. An SVG mask on a GSAP timeline.

Set it on an invented business called Sampleton, with its own drawn or generated pictures and no one else's files. It suits: A first visit to a brand with a strong mark, where the moment is part of the sale. Do not let it fail the way this kind of piece usually does: Length and locking. This one measured 1.93 seconds, has a Skip, never takes a click and skips itself under reduced motion.

It must work with the keyboard, on a phone, with reduced motion respected and no text under 12px. Tell me which libraries you chose and why.

Notes: when it suits, when it does not, how it fails

When it suits: A first visit to a brand with a strong mark, where the moment is part of the sale.
When it does not: Any site visitors use in a hurry, and every repeat visit.
How it fails: Length and locking. This one measured 1.93 seconds, has a Skip, never takes a click and skips itself under reduced motion.

Measured on: landonorris.com · T6. Built from scratch for an invented business; nothing here comes from the site studied.