@webloved: How I build with Claude 👇 Academy in bio 🔗 This section layers type right over a floating 3D object, here is how that composition works: The wordmark sits in front of the 3D rock, your HTML text lives on a layer above the 3D canvas with z-index, then mix-blend-mode lets the white letters react to the image behind them so the type feels fused with the object instead of pasted on top. Those small framed panels of moss and bark are image insets, crop a texture into a thin bordered frame with object-fit cover and scatter a few of them off the grid, that material board look is a classic studio move to show craft without a big gallery. The whole section switches to a soft sage background, after a dark hero this color shift resets the eye and turns each scroll into a new chapter, changing the section background is how you build rhythm down a long page. The nav labels in square brackets and the tiny mono captions are the polish that reads as a real studio. Save this if you want editorial studio layouts 🌿 #claude #buildinpublic #webdesign #branding #fyp

weblove

Open In TikTok:

Region: PT

Sunday 05 July 2026 17:29:50 GMT