Lerp

Archi-malin studio

Free previewPro opens every clip, exact specs and prompts.

Get Pro →
Intro · 1440 px · 8 s · 30 fps
Step frames · Pro

Full page · Pro

GSAPScrollTrigger 30 fps
Specs

The motion

Archi-malin studio is known for ScrollTrigger scroll. Measured from frames; estimates from notes. Each fit includes its error.

Prompt

Prompt pack

The design presents a sophisticated, editorial aesthetic for architectural visualisation, defined by a warm cream background and high-contrast black typography. A distinctive giant wordmark blends heavy grotesque lettering with elegant italic serif forms, sitting above monochrome renders that transition into colour. The layout feels spacious yet structured, using pinned elements to create depth as content panels slide over the hero image. The mood is professional and artistic, balancing technical precision with a soft, inviting atmosphere through the use of pale orange tones and sharp, square-cornered geometry.

5 prompts in Pro Generated 25 Sep 2026

  • Recreate this site's feelEverything: look, layout, type, colour, motion and libraries, in one prompt.
  • Just the scroll feelSmoothing, what moves with scroll, pinned sections.
  • Just the introHow the page enters: sequence, curve, duration, stagger.
  • Just the hoversLinks, buttons and cursor: timings from the live CSS.
  • Just the type and colourFamilies, scale, weights, tracking and the palette with roles.

Pro opens every prompt with its measured values, and the tokens they are built from.

Unlock prompts with Pro

US$60/year or US$8/month. Cancel anytime.

Record

Capture record

Savedon 24 Sep 2026. Full pages, stills and key frames.

Pro opens the rest of the record: the whole page at each viewport, the key frames of every clip. See Pro

Captured

  1. 24 Sep 2026 Shown home · 1440 px · home · 390 px · key pages · 1440 px · key pages · 390 px
Notes

Archi-malin studio (archi-malinstudio.com): ScrollTrigger scroll.

light · 5 effects · 1 measured · 30 fps clips

Motion
Intro, Scroll, Hover, Page transition
Libraries
GSAP, ScrollTrigger, Nuxt
Footage
1 clip, frame-stepped 30 fps
Captured
24 Sep 2026

warm cream page for a 3D architectural-visualisation artist. A giant wordmark edge to edge, "archi" in heavy black grotesk and "malin" in a light italic serif, above a black-and-white render of a stepped pool; renders move from greyscale to warm beige and deep green.

Stack as observed

Nuxt (Vue) with Prismic CMS; motion: GSAP + ScrollTrigger (one .pin-spacer in the DOM), bundle contains SplitText and ScrollSmoother, but a desktop wheel moved the page at once (native-feeling scroll); one MP4 video; no canvas.

Techniques

Techniques on this site

Each one taught on its own page: a live demo you can tune, how it works, and the code. Lerp smooth scroll, Split-text mask reveal, Pinned scroll chapters.

More like this

Similar motion and feel.