@webloved: How I build with Lovable 👇 Academy in bio 🔗 Full prompt goes in the Academy soon. It took hours of testing to get right. Want a site like this? Send me an email, email in bio 📩 An architecture site that feels like riding the elevator. You scroll, the tower climbs and the floor counter ticks up to 65 🏙️ The trick: one tall photo and one number, both driven by the same scroll value. 1. Make the section 300vh tall with a sticky frame inside. 2. Read scroll as p, from 0 to 1 across the section. 3. Use one tall tower photo. Pan it with object-position: 50% from 100% (street) to 0% (roof). 4. Floor = 1 + Math.round(p x 64). Pad it to 2 digits so 02 never jumps to 2. 5. Each digit is a column of 0 to 9 inside a 1em mask. Move it with translateY(-digit em) and 300ms ease. 6. Add font-variant-numeric: tabular-nums so the number never wobbles. 7. Red arrow rgb(220,38,38) next to it. Scroll up and it flips to point down. 8. At the roof, fade in the line "64 floors. One idea." The number becomes the headline. Save this before your next scroll build 🔥 #lovableugcpartner #lovable #webdesign #architecture #vibecoding
