Scroll effect

GTA VI Landing Page Scroll

by Vanguardia · motionprompts.dev

A GTA-VI-style pinned hero reveal driven by scroll, art-directed as 'Casa Vicente', a Lisbon tailoring house AW26 campaign. A single ScrollTrigger (pin + scrub over 5x viewport height, Lenis-smoothed) fades out the intro wordmark/copy, scales down the hero portrait, and shrinks a giant SVG-masked overlay (500x) so the dark screen retracts into the CASA / VICENTE lockup revealing the scene, then an ivory fade-overlay blooms and a Space Grotesk headline is unveiled with an animated bottom-up gradient wipe.

Type: Web motion
Framework: GSAP
Trigger: scroll

Save with a free account

Live demo ↗

Motion spec · measured by motionprompts.dev

Engine: gsap
Complexity: 3/5
Pinned: yes
Reduced motion: not handled
Libraries: gsap, ScrollTrigger, lenis

scrubbed pinned hero with shrinking SVG-mask logo reveal — zero tweens, every property is a direct function of ScrollTrigger progress under scrub:1 (overlay scale 500→1 exponentially over progress 0→0.85, hero image 1.5→1, headline gradient wipe 0.7→0.85)

The build prompt

From motionprompts.dev

Creator's promptVanguardia · motionprompts.dev22,839 chars

# GTA-VI-style Scroll Logo Reveal — Pinned Hero with Shrinking SVG Mask

## Goal

Build a cinematic, full-page landing hero in the style of the GTA VI trailer s…

The build prompt

More like this

A one-line prompt for an inference startup launch

UX Decision Explainer Animation

Motion Design Showreel Reaction Video

SaaS launch video for a product Opus picks

Product video for Distilbook

Squad.so SaaS Launch Video

Fresh recipes, every week.