@webloved: How I build with Lovable 👇 Academy in bio 🔗 Three formulas behind this clean two tone layout: The hard edge between the white half and the orange half is one gradient with a hard stop, put two color stops at the exact same position, white from 0 to 50 percent and orange from 50 to 100, and instead of blending you get a razor sharp line, one property, no extra divs and it scales to any height. The floating rocks look real because of filter drop-shadow, not box-shadow, and this is the part people get wrong, box-shadow traces the rectangular box around your image, drop-shadow traces the actual transparent shape of the cutout, so the shadow hugs the rock instead of drawing a square behind it. That endless scrolling line of text is a marquee, duplicate the content twice inside a flex row, then animate the track with translateX from 0 to minus 50 percent on an infinite linear loop, when it resets the copy is identical so the motion never appears to jump. Save this if you want clean brand layouts 🟠 #lovablepartner #buildinpublic #webdesign #branding #fyp

weblove

Open In TikTok:

Region: PT

Friday 24 July 2026 11:30:24 GMT